nest+ts+vue视频网站全栈开发练习
start server/admin : nest start -w admin
- 使用nest子项目模式搭建服务端项目
- 使用Crud装饰器快速实现增删改查接口
- 使用swagger和装饰器编写接口文档
- 编写课程和课时模型,模块,接口文档
- ts+elmentUI搭建后台管理界面
- ts+axios开发课程列表页,后端接口允许跨域,ts声明全局属性$http
- vue-ele-form创建课程编辑/新建表单,添加课程编辑/新建路由
- 对接课程创建/编辑接口,添加路由跳转,完成课程相关功能
- 使用avue改造课程CRUD操作
- 添加通用ResourceCrud组件,配合Avue将option移到后台控制
- 添加分页功能
- 添加排序功能
- 动态生成搜索表单,添加模糊查询功能
- 图片上传和展示(本地)--- 更改服务端封面图行属性type:upload等,添加全局上传接口,开放静态文件托管, APP.vue添加avuejs 图片上传$httpaxios方法,优化图片展示过大问题
- 在根目录下创建项目web端项目: $ npx create-nuxt-app web
- cd web 执行npm run dev 启动项目
- 选择google youtube主题,初始化视频和评论页面
- 使用dotenv和axios开发视屏列表页面
- 更改course Model,关联查询episodes