vuex,vue-router,express4,sequelize,stylus,axios 등과 관련된 vue.js 및 node.js용 Vue.js 프로젝트입니다.
리스크 관리 시스템은 여가 시간에 개발한 프로젝트로, 간단한 초급 프로젝트입니다. 구현된 페이지와 기능이 단순하기 때문에 단순하다고 말하지만, 사용되는 기술이 단순하다는 의미는 아닙니다(주니어 프런트엔드의 경우).
프로젝트에는 vue와 element-ui의 기술적인 포인트가 대부분 사용되었으며, 이는 vue를 배우는 어린이들에게 참고가 될 수 있습니다. 물론 이 프로젝트도 풀스택 프로젝트이기 때문에 노드를 배우고자 하는 일부 프런트엔드에게 좋은 참조 템플릿이기도 합니다. 이 프로젝트에는 실제 온라인 프로젝트에서 사용할 암호화 토큰과 기타 사항도 있습니다. , 누구나 배울 수 있습니다.
본 프로젝트는 풀스택 프로젝트이므로 노드 서버를 시작하기 전, mysql 데이터베이스를 설치하고 config/index.js에서 데이터베이스 구성 항목을 수정해야 한다는 점에 유의할 필요가 있습니다. 설치 과정에서 질문이 있거나 프로젝트 버그를 발견한 경우, 문제에 대해 질문하시면 최선을 다해 답변해 드리겠습니다.
효과적으로 게으르다는 것은 프로그래머의 좋은 자질입니다. 이 프로젝트가 모두에게 도움이 되기를 바랍니다!
vue2 + vuex + vue-router + webpack + ES6/7 + axios + 스타일러스 + element-ui
node.js + express4 + 세션 + 후속작 + mysql + lodash.js + bcrypt + jwt
|-- build // webpack配置文件
|-- config // 项目打包路径
|-- screenshots // 效果图截屏
|-- server // express后端,用于提供Api
|-- src // 源码目录
| |-- assets // 资源文件
| |-- components // 公共组件
| |-- fetch // 接口定义与配置
| |-- pages // 相关页面
| |-- router // 路由配置
| |-- vuex // 状态管理
| |-- App.vue // 页面入口文件
| |-- main.js // 程序入口文件,加载各种公共组件
|-- static // 静态资源文件
|-- .babelrc // ES6语法编译配置
|-- .editorconfig // 代码编写规格
|-- .gitignore // git忽略的文件
|-- .postcssrc.js // post-loader的插件配置文件
|-- .favicon.ico // 网站logo图标
|-- index.html // 入口html文件
|-- package.json // 项目及工具的依赖配置文件
|-- server.js // node server入口文件
|-- README.md // 说明
# 安装依赖
npm install
# 启动vue前端项目(http://localhost:8080/...)
npm run dev
# 启动node后端项目(http://localhost:8081/...)
npm run start