VueNode

VueNode is a project of front and backend separation that building on TypeScript + [email protected] + node.js + MySQL

zhaoyiming0803
450
141
Vue

VueNode

The best way to learn is to read books and official documents, as well as open source codes in GitHub, and then write test demos.

English | 简体中文

VueNode is developed using Vue3 & Node.js, and the old version can refer to:

Replace Express with Koa.js

Vue upgrade guide from v2 to v3:

  • Vue Official Upgrade Guide

  • vuex

  • vue-router

  • upgrade vantUI

  • vuex

  • vue-router

  • test demo

  • Initialize a demo using Vue official cli, confirm the latest package dependency version is, and then install the corresponding version of the dependencies in the current project.

  • Temporarily comment out the routes in fe/src/router/routes.ts, add a new test page, and gradually migrate the original business code.

  • Convert all components under fe/src/components to Vue 3 syntax.

  • Gradually migrate fe/src/pages.

  • Note: This project is purely a personal hobby and code testing.

Technology Stacks

Run project in local

Production environment deployment

  • FE：refer to nginx.conf、Jenkinsfile、publish.sh under directory fe.

  • BE：refer to nginx.conf、pm2.json、Jenkinsfile、publish.sh under directory server.

About SQL

  • Install MySQL database, create a new database named tour, and then import all data (/server/tour.sql).

  • The default password for users in the user table is 123456.

Features

  • [x] Login、Regist、Modify password（100%）
  • [x] Personal page（100%）
  • [x] Update profile（100%）
  • [x] Home（100%）
  • [x] Home - list, global coupon（100%）
  • [x] Show countries and regions list（100%）
  • [x] Banners, coupons belong to country or region（100%）
  • [x] Claim coupons（100%）
  • [x] Coupon detail（100%）
  • [x] Use coupon（100%）
  • [x] Publish coupon detail（100%）
  • [x] Star comment component（100%）
  • [x] Wechat sharing（100%）using nodejs：https://github.com/zhaoyiming0803/wechat-nodejs

Project GIF

gif

Thanks

  • If it is helpful to you, you can click on the Star or Watch in the upper right corner to support it. Thank you _

  • Alternatively, you can follow me and I will continue to open up more interesting projects.

  • If you have any problems, please directly raise them in issues, or if you find problems and have excellent solutions, welcome PR 👍

My Wechat & QQ：1047832475

Reference material