1.0 版本的 VueNode 是 2017 年做的,单纯是为了做本地测试,所以代码看上去并不是非常舒服。所以趁着 2019 年中秋节放假,把这个项目重构了一遍。主要修改如下:
-
前端使用 TypeScript,个人感觉确实好用,因为其类型校验,在重构过程中还解决了 1.0 版本的几个潜在 bug。
-
项目使用 vue-cli3 初始化,在此基础上修改了很多默认配置,更加适合当前项目,性能更优。
-
头像上传,文件上传到了七牛云 OSS,节省本地空间,并且能很好的利用 cdn 优势。
-
整理了后端接口,使用 async 和 await ,再也不用多层嵌套回调函数了。
-
新加了针对前后端部署的详细文档以及 nginx pm2 配置。
前后端代码以数据库都已部署到腾讯云:在线预览
如果对 Vue 源码感兴趣,可以参考Vue源码学习笔记
上一个版本,请参考VueNode V1.0
前端:html、css、less、ES6(7|8)、webpack4、vue-cli3、vue2.6.10、vuex3.1.1、vue-router3.1.3、axios0.19.0
后端:Node、Mysql
-
git clone https://github.com/zymseo/VueNode.git
-
前端代码在 fe 目录下,node 代码在 server 目录下,打开对应的目录,查看 package.json,npm 执行 对应的 script 即可。
-
前端:参考 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 👍
- 登录、注册、密码修改(100%)
- 个人中心信息展示、资料修改(100%)
- 头像上传(100%)
- app首页(100%)
- app列表页——全球优惠券(100%)
- 展示国家与地区列表(100%)
- 每个国家与地区对应的优惠券、新闻、banner轮播图(100%)
- 领取优惠券(100%)
- 优惠券详情(100%)
- 使用优惠券(100%)
- 发布优惠券文字(100%)
- 星级评价组件(100%)
- 微信分享(100%)使用 nodejs 开发微信源码:https://github.com/zymfe/wechat-nodejs