Giter Club home page Giter Club logo

vuenode's Introduction

VueNode

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 👍

个人微信&QQ:1047832475

image

目标功能

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

项目GIF图

gif

vuenode's People

Contributors

zhaoyiming0803 avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.