MVC + EFCore 项目实战
上次课程我们新建了管理员的模板页。 本次我们就完善这个模板页,顺便加入样式和一些基本的组件,配置好整个项目的UI风格。 一、引入 共用的css和js文件 后端库用nuget, 前端库用libman. 右键wwwroot文件夹,选择菜单 Add / Client-Side Library 我们使用admin-lte作为前端UI。 输入admin-lte搜索会自动产生推荐的版本号,如下图,安装路径默认在wwwroot/lib/admin-lte文件夹。 安装完后,可以看到相应位置已经有了admin-lte相关文件。 并且项目根目录下会产生 libman.json 配置文件,我们可以直接修改这份配置文件来方便的管理客户端库(如新增、删除库,修改库版本号等, 而且vs编辑器也是有智能感知的)。 二、完善 管理员模板页 打开 Views/Shared/_LayoutAdmin.cshtml 首先引入相应的css和js文件 css放到head里面 js放到body里面。 * jquery和bootstrap在vs模板中已有,我们可以不需要再用libman来管理。 修改整个文档的结构 我们把文档分成三部分:标题栏、侧边栏、内容块。 最后我们用个div把这三个部分都包起来,方便代码的展开收合。 紧跟着Body后面,结构如下: 下面我们来逐步填充这三部分 官方网站 https://adminlte