Nodejs+Vuejs全栈开发实战(3)

1.前面我们已经做好了用户模型,实现了用户的增删改查,现在我们来做课程模型和文件模型。libs\db\src\model下面新建一个course.model.ts,代码如下

2.继续新建一个episode.model.ts文件,代码如下:

3.创建课程模块及控制器。

cd server

nest g mo -p admin courses

nest g co -p admin courses

4.在创建的courses.controller.ts中,注入InjectModel模块实现对课程的增删查改,并添加ApiTags标签。

5.同样的方法创建Episode模块控制器,并注入InjectModel模块实现对课时的增删查改,并添加ApiTags标签。

6.在db.module.ts中,注册Course,Epision,并添加相关依赖

7.重启服务器,查看功能是否正常。ctrl + c 退出启动服务器

nest start -w admin重启服务器,然后打开http://localhost:3000/api-docs/

8.使用Vue搭建后台管理界面的UI。这里我们先安装vue和vue脚手架。

npm install -g vuenpm install -g @vue/cli

9.在topfullstack文件夹下面创建admin项目,使用默认设置。

vue create admin

然后进入到admin文件夹

cd admin

10.我们先添加element-ui模块

vue add element

11.添加路由模块

vue add router

12.将项目转成typescript

vue add typescript

打开Main.ts,去掉import ‘./plugins/element.js’的后缀.js

13.先运行项目

npm run serve

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容