Skip to content

kido050313/Nest-TS-vue

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Nest-TS-Vue

nest+ts+vue视频网站全栈开发练习

后台管理admin及后台server开发(Nest+TS+Vue)

start server/admin : nest start -w admin

  1. 使用nest子项目模式搭建服务端项目
  2. 使用Crud装饰器快速实现增删改查接口
  3. 使用swagger和装饰器编写接口文档
  4. 编写课程和课时模型,模块,接口文档
  5. ts+elmentUI搭建后台管理界面
  6. ts+axios开发课程列表页,后端接口允许跨域,ts声明全局属性$http
  7. vue-ele-form创建课程编辑/新建表单,添加课程编辑/新建路由
  8. 对接课程创建/编辑接口,添加路由跳转,完成课程相关功能
  9. 使用avue改造课程CRUD操作
  10. 添加通用ResourceCrud组件,配合Avue将option移到后台控制
  11. 添加分页功能
  12. 添加排序功能
  13. 动态生成搜索表单,添加模糊查询功能
  14. 图片上传和展示(本地)--- 更改服务端封面图行属性type:upload等,添加全局上传接口,开放静态文件托管, APP.vue添加avuejs 图片上传$httpaxios方法,优化图片展示过大问题

web端视频网站开发(Nuxt+Vuetify)

  1. 在根目录下创建项目web端项目: $ npx create-nuxt-app web
  2. cd web 执行npm run dev 启动项目
  3. 选择google youtube主题,初始化视频和评论页面
  4. 使用dotenv和axios开发视屏列表页面
  5. 更改course Model,关联查询episodes

About

nest+ts+vue视频网站全栈开发练习

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published