前期准备:
1. 需求确定
流程图 ===》原型图 ===》Prd文档(产品需求文档)
2. 数据库设计
需求设计说明书(数据库字典 表)
数据库设计文档
E-R图:1对1 有外键
1对n n有1的id
N对m 有关系表
3. 接口设计、ui设计
接口评审、ui评审
-
创建一个项目模板
-
调整格式配置项
// eslint自动格式化配置
// 目录: .vscode/settings.json{// 对于.vue文件,关闭prettier,交给eslint fix"vetur.format.defaultFormatter.html": "none","vetur.format.defaultFormatter.css": "none","vetur.format.defaultFormatter.js": "none","vetur.format.defaultFormatter.less": "none","vetur.format.defaultFormatter.postcss": "none","vetur.format.defaultFormatter.scss": "none","vetur.format.defaultFormatter.ts": "none","vetur.format.defaultFormatter.stylus": "none","vetur.validation.template": false,"vetur.validation.script": false,// 打开对vue的lint,并自动fix"eslint.validate": ["javascript","javascriptreact","vue"],//指示ESLint基础上的位置来推断一个工作目录"eslint.workingDirectories": [{ "mode": "auto" }],"scss.validate": false,// 使用2个空格作为tab,并将对齐基准线设置为2个字符test"editor.tabSize": 2,// 保存文件时自动格式化,主要针对html/css/less/scss等eslint未覆盖的文件格式"editor.formatOnSave": true,"javascript.validate.enable": false,"editor.codeActionsOnSave": {"source.fixAll.eslint": true}}
-
导入数据库
// node项目利用npx导入数据库模型
// 必须在api目录下
npx sequelize-auto -o “./db/models" -d "application" -h 127.0.0.1 -p 3306 -u root -x root -e mysql
导出数据库
1. -d 仅结构
Mysqldump -uroot -proot -d application > ./application.sql
2. 结构和数据
Mysqldump -uroot -proot application > ./application.sql
3. 指定ip
mysqldump -h 127.0.0.1 -port 端口 -uroot -proot application > ./application_dump_0515.sql
mysqldump --host xxx -P xxx -uroot -proot application -d > ./application_0525_1.sql
mysqldump --host 数据库名 -P 端口号 -uroot -p'hroot' application -d > ./application_0721.sql
![](https://i-blog.csdnimg.cn/blog_migrate/2b7b9463005ebba572f1f36b57a1d7a1.png)
-
Api开发
配置路由
Api文档及接口开发 -
web开发
创建文件
配置路由
接口对接