React实战技术博客系统
React实战博客:https://www.bilibili.com/video/BV1CJ411377B
P1第01节:React实战视频教程简介
P2第02节:前台开发环境的搭建
create-next-app next框架
yarn add @zeit/next-css
2019-06-28
源码 https://gitee.com/lhwz666/react_blog
react_blog
yarn add antd
yarn add babel-plugin-import
"next": "9.0.6",
P3第03节:博客公用头部组件制作
P4第04节:制作首页主题两栏布局
P5第05节:用List组件制作博客列表
P6 第06节:编写博主介绍组件-Avatar学习
P7 第07节:编写通用广告组件
P8第08节:博客列表页面快速制作
P9 第09节:博客详细页面制作1-基本页面结构
P10第10节:博客详细页面制作2-Markdown文档的….
markdown 吗 的当
rexxars / react-markdown
marked+highligt. js
P11第11节:博客详细页面制作3-Markdown导航栏...
P12第12节:中台搭建1-安装egg.js开发环境
2.23版本
npm i egg-init@1.17.2 -g 安装脚手架cli
egg-init --type=simple 7001
egg A可 / i
P13 第13节:中台搭建2-目录结构和约定规范
P14第14节:中台搭建3-RESTful接口介绍和路由配置
·RESTful··APP·前后端·,简单·和·约束性。
·请求方式· get 获取资源·· post·新建资源· put·更新资源· delete·删除资源
P15第15节:中台搭建4-Egg.js中连接mysql数据库
yarn add egg-mysql@3.0.0 egg@2.15.1
egg-mysql npm官网看看配置
P16第16节:中台搭建5-数据库设计和首页文章接口.
P17第17节:前中台结合1-前台读取首页文章列表
next
组件init props
Home.getInitialProps = async (context)=>{}
mysql 可以转 时间
P18第18节:前中台结合2-文章详细页面接口制作
P19第19节:解决Egg.js跨域问题和Bug调试
yarn add egg-cors
P20第20节:重构前台博客详细页面1-marked+highl...
yarn add marked highlight.js
yarn add markdown-navbar导航大纲
antd Affix固定效果 右侧固定
127.0.0.1:3000
BLOG前台
接口中台
后台管理
P21 第21节:重构前台博客详细页面2-文章导航
Tocify喵点
P22 第22节:前台文章列表也的制作-接口制作
P23 第23节:前台文章列表也的制作2-界面制作
P24第24节:让前台所有页面支持Markdown
P25第25节:后台开发1-开发环境搭建
antd react
react-script 旧版了 报错 https://blog.csdn.net/u013282737/article/details/136495986
P26 第26节:后台开发2-页面路由配置
P27 第27节:后台开发3-登录页面UI制作
P28第28节:后台开发4-UI框架的Layout搭建
P29第29节:后台开发5-添加文章页面制作1
P30第30节:后台开发6-添加文章页面制作2
ssr
P31第31节:后台开发7-Markdown转HTML
P32 第32节:后台开发8-中台登录接口编写
P33第33节:后台开发9-后台登录功能的实现
P34 第34节:后台开发10-中台路由守卫制作
P35第35节:后台开发11-读取文章分类信息
P36 第36节:后台开发12-添加文章内容(上)
P37第37节:后台开发13-添加文章内容(中)
P38 第38节:后台开发14-添加文章内容(下)
P39 第39节:后台开发15-文章列表制作(上)
P40 第40节:后台开发16-文章列表制作(中)
后台用户 admin 密码 123456
pm2
P40第40节:后台开发16-文章列表制作(中)
P41 第41节:后台开发17-删除文章
P42 第42节:后台开发18-修改文章(上)
P43第43节:后台开发19-修改文章(下)
P44 第44节:博客部署介绍和演示