graduation-project

本项目是为毕业答辩所做的毕业设计，从0.1开始学前端。边写设计边学习vue，其中运用到了很多的的vue基础和常用的知识，踩了很多坑，即将完成，日常更新。 项目是使用cli3脚手架，分为前台展示页，后台管理页。其中用到了：路由守卫，富文本编辑器，Echarts，tab页面切换，token本地存储，百度地图引入，vuex存储， 组件复用和公用等等。

项目组成

vue + element-ui + express + mongodb

说明

vue-router：路由跳转

axios：向后端发起http请求

element-ui：组件库

express：基于node.js平台的web应用框架

mongoose：操作mongodb数据库的内容

BodyParser：一个HTTP请求体解析的中间件，可以解析JSON、Raw、text、URL-encoded格式的请求体

bcryptjs：第三方加密库，用来实现在Node环境下的bcrypt加密(登录，注册时需要)

jsonwebtoken：生成token，解决用户认证问题

项目文件结构

效果图

前台

后台