libman

上次课程我们新建了管理员的模板页。 本次我们就完善这个模板页，顺便加入样式和一些基本的组件，配置好整个项目的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

　　我们使用 libman包管理器来安装，libman是微软推出的最新的包管理器，它是一个轻量级的客户端管理工具，可以从CDN下载客户端库和框架，它要求VS Studio必须在2017版本15.8或更高版本。 　　我们先来看下怎么使用libman，找到项目的wwwroot，鼠标右键 点击安装，然后在项目中可以看到libman.json的文件，在输出-->显示输出来源--> 库管理器可以看到下载的进度。 现在我们来看下 libman.json 库管理器清单文件，provider 可以指定特定的包从哪里下载安装，libman.json使得对客户端库的安装和卸载变得非常简单，右键就可以选择卸载。 { " version " : " 1.0 " , " defaultProvider " : " cdnjs " , " libraries " : [ { " library " : " twitter-bootstrap@4.3.1 " , " destination " : " wwwroot/lib/twitter-bootstrap/ " }, { " provider " : " unpkg " , " library " : " abp-web-resources@3.7.0 " , " destination " : " wwwroot/lib/ " } ] }

vs版本 2019，链接数据库使用Navicat，数据库MySql abp的官网： https://aspnetboilerplate.com/ ，我们去Download这里下载一个模板，需要选好Target Version、输入项目名字，我这里使用abp的mvc版本、项目名为AbpLearn下载一份 当前下载下来是5.6版本 解压后 abp的sln在aspnet-core文件夹下 打开文件夹，双击打开sln，第一次加载的时候可能有点慢，请耐心等待nuget包自动加载完毕 AbpLearn.Application：应用层，主要包括定义和前台进行交互的接口层，调用领域层中对应的接口，默认包括:验证、配置、多租户、角色、用户、Session的一些操作，是整个Web API对外部提供调用的核心接口 AbpLearn.Core：领域层，对现实业务进行抽象，通过调用ORM层的提供的接口来对当前的User、Role、Tenant等一系列的管理操作，并对外提供统一的Manager接口，从而供应用层进行相关的操作，另外还提供了诸如验证、配置、Feature、本地化等等一些列基础接口。 AbpLearn.EntityFrameworkCore：ORM层，该层顾名思义是使用EntityFrameworkCore来和SQL Server数据库进行交互的核心逻辑，包括一些常规的各种CRUD操作