GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → zhaoyiming0803 → Vuenode

zhaoyiming0803 / Vuenode

Licence: mit
VueNode 是一套基于 TypeScript + Vue.js + Node.js + MySQL 的前后端分离项目。

Programming Languages

typescript
32286 projects

Labels

vuewebpacknode

Projects that are alternatives of or similar to Vuenode

Miox
Modern infrastructure of complex SPA
Stars: ✭ 374 (-5.56%)
Mutual labels:  webpack
Js Stack From Scratch
🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
Stars: ✭ 18,814 (+4651.01%)
Mutual labels:  webpack
Create React App Typescript
DEPRECATED: Create React apps using typescript with no build configuration.
Stars: ✭ 3,759 (+849.24%)
Mutual labels:  webpack
Mocker Api
mocker-api that creates mocks for REST APIs. It will be helpful when you try to test your application without the actual REST API server.
Stars: ✭ 374 (-5.56%)
Mutual labels:  webpack
Cookiecutter Flask
A flask template with Bootstrap 4, asset bundling+minification with webpack, starter templates, and registration/authentication. For use with cookiecutter.
Stars: ✭ 3,967 (+901.77%)
Mutual labels:  webpack
Preact Starter
Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact
Stars: ✭ 384 (-3.03%)
Mutual labels:  webpack
Front End Doc
前端文档汇总（觉得对您有用的话，别忘了star收藏哦^_^ ！）
Stars: ✭ 372 (-6.06%)
Mutual labels:  webpack
Adminkit
🧰 AdminKit is a free & open source Bootstrap 5 Admin Template
Stars: ✭ 395 (-0.25%)
Mutual labels:  webpack
Generator Jhipster
JHipster is a development platform to quickly generate, develop, & deploy modern web applications & microservice architectures.
Stars: ✭ 19,162 (+4738.89%)
Mutual labels:  webpack
React News Board
🌀 A Full-Stack Web App built with React and Flask.
Stars: ✭ 389 (-1.77%)
Mutual labels:  webpack
React Hot Redux Firebase Starter
🌋 React + Redux + Firebase + Webpack + React Hot Loader 3 + React Router in one boilerplate
Stars: ✭ 375 (-5.3%)
Mutual labels:  webpack
React Mobx Typescript Boilerplate
A bare minimum frontend boilerplate with React 16.7, Typescript 3.2 and Webpack 4
Stars: ✭ 378 (-4.55%)
Mutual labels:  webpack
Neutrino
Create and build modern JavaScript projects with zero initial configuration.
Stars: ✭ 3,844 (+870.71%)
Mutual labels:  webpack
Alloy
Boilerplate for creating web applications in Go (golang)
Stars: ✭ 374 (-5.56%)
Mutual labels:  webpack
Closure Webpack Plugin
Webpack Google Closure Compiler and Closure Library plugin -
Stars: ✭ 392 (-1.01%)
Mutual labels:  webpack
Typescript Library Starter
Starter kit with zero-config for building a library in TypeScript, featuring RollupJS, Jest, Prettier, TSLint, Semantic Release, and more!
Stars: ✭ 3,943 (+895.71%)
Mutual labels:  webpack
React Shopping Cart
Easily integrate React Shopping Cart into your existing website without using Redux.
Stars: ✭ 380 (-4.04%)
Mutual labels:  webpack
Moment Locales Webpack Plugin
Easily remove unused Moment.js locales with webpack
Stars: ✭ 396 (+0%)
Mutual labels:  webpack
Qikqiak.com
关注容器、kubernetes、devops、python、golang、微服务等技术 🎉🎉🎉
Stars: ✭ 394 (-0.51%)
Mutual labels:  webpack
Burnside
Fast and Reliable E2E Web Testing with only Javascript
Stars: ✭ 389 (-1.77%)
Mutual labels:  webpack
View All Similar Projects ➔

VueNode

1.0版本的 VueNode 是 2017 年做的，单纯是为了做本地测试，所以代码看上去并不是非常舒服。所以趁着 2019 年中秋节放假，把这个项目重构了一遍。主要修改如下：

  • 前端使用 TypeScript，个人感觉确实好用，因为其类型校验，在重构过程中还解决了 1.0 版本的几个潜在 Bug。

  • 项目使用 Vue CLI 3 初始化，在此基础上修改了很多默认配置，更加适合当前项目，性能更优。

  • 头像上传，文件上传到了七牛云 OSS，节省本地空间，并且能很好的利用 CDN 优势。

  • 整理了后端接口，使用 async 和 await ，再也不用多层嵌套回调函数了。

  • 新加了针对前后端部署的详细文档以及 Nginx PM2 配置。

前后端代码以数据库都已部署到腾讯云：在线预览

如果对 Vue 源码感兴趣，可以参考Vue源码学习笔记

上一个版本，请参考VueNode V1.0

注：此项目纯属个人爱好及代码测试，如果需要完整的相关服务，可以去锦囊团官网。

技术栈

前端：HTML、CSS、Less、ES6(7|8)、Webpack4、Vue CLI 3、Vue.JS2.6.10、Vuex3.1.1、Vue Router3.1.3、Axios0.19.0

后端：Node.js、MySQL

项目本地运行方法

线上部署

  • 前端：参考 fe 目录下的 nginx.conf、Jenkinsfile、publish.sh

  • 后端：参考 server 目录下的 nginx.conf、pm2.json、Jenkinsfile、publish.sh

关于数据库

  • 安装mysql数据库，新建数据库tour，然后导入全部数据（/server/tour.sql）

  • 浏览器访问：https://web.0351zhuangxiu.com/tour/ (本地host：127.0.0.1 web.0351zhuangxiu.com)

  • 数据库 tour_user 表中的用户默认密码均为123456

说明

如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^

或者您可以 "follow" 一下，我会不断开源更多的有趣的项目

如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍

个人微信&QQ：1047832475

image

目标功能

  • [x] 登录、注册、密码修改（100%）
  • [x] 个人中心信息展示、资料修改（100%）
  • [x] 头像上传（100%）
  • [x] app首页（100%）
  • [x] app列表页——全球优惠券（100%）
  • [x] 展示国家与地区列表（100%）
  • [x] 每个国家与地区对应的优惠券、新闻、banner轮播图（100%）
  • [x] 领取优惠券（100%）
  • [x] 优惠券详情（100%）
  • [x] 使用优惠券（100%）
  • [x] 发布优惠券文字（100%）
  • [x] 星级评价组件（100%）
  • [x] 微信分享（100%）使用 nodejs 开发微信源码：https://github.com/zhaoyiming0803/wechat-nodejs

项目GIF图

gif

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].