代码拉取完成,页面将自动刷新
使用 Node.js + Koa2 + MySQL + react.js 实战开发一套完整个人博客项目网站。
服务端:使用 Node.js 的 Koa2 框架二次开发 Restful API。
前端:react.js 打造了前端网站和后台管理系统。
启动项目前一定要在创建好 blog
数据库。
# 登录数据库
$ mysql -uroot -p密码
# 创建 wxapp 数据库
$ CREATE DATABASE IF NOT EXISTS blog DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
> admin # 后台管理
> app # api接口
> config # 配置文件
> core # 核心库
> db # 数据库
> utils # 插件
> .sequelizerc
#
cd /path/blog
# 安装所有依赖文件
npm install
# or
yarn
# /blog/db/database.json
{
"development": {
"username": "root", //用户名
"password": "root", //密码
"database": "blog1", //数据库名称
"host": "127.0.0.1", // IP
"dialect": "mysql"
},
"test": {
"username": "root",
"password": null,
"database": "blog1",
"host": "127.0.0.1",
"dialect": "mysql"
},
"production": {
"username": "root",
"password": null,
"database": "blog1",
"host": "127.0.0.1",
"dialect": "mysql"
}
}
更多指令请查看官方文档
# 运行迁移文件 创建表
npx sequelize-cli db:migrate
# 运行种子文件 填充数据
npx sequelize-cli db:seed:all
# 启动
yarn start
#or
npm run start
# 启动成功
dell@DESKTOP-KBRNM73:/mnt/c/Learnspace/node/blog$ yarn start
yarn run v1.19.1
warning package.json: No license field
$ nodemon app.js
[nodemon] 1.19.3
[nodemon] to restart at any time, enter `rs`
[nodemon] watching dir(s): *.*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `node app.js`
数据库链接成功
...
# 进入后台管理目录
cd /path/admin
# 启动
yarn dev
# or
npm run dev
#启动成功
dell@DESKTOP-KBRNM73:/mnt/c/Learnspace/node/blog/admin$ yarn dev
yarn run v1.19.1
warning ../package.json: No license field
$ webpack-dev-server --inline --config build/webpack.dev.config.js
ℹ 「wds」: Project is running at http://localhost:9527/
ℹ 「wds」: webpack output is served from /
ℹ 「wds」: Content not from webpack is served from /mnt/c/Learnspace/node/blog1/admin
ℹ 「wds」: 404s will fallback to /index.html
...
打开浏览器 http://localhost:9527/
# 进入前端目录
cd /path/blog/web
# 启动
yarn dev
# or
npm run dev
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。