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 + セッション + Sequelize + 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