<二>引入NFine样式文件和登录界面

首先呢,当然是下载nfine和abp不包含权限的解决方案。不知道怎么下载?自己百度去,面对搜索引擎编程的人怎么能不善用百度?反正我是百度到就找到了。

首先打开abp解决方案,生成还原一下nuget包,项目结构如下图:

看到没,abp自动给我们引入了很多样式文件,我都打算用nfine的布局样式了,这些要来干嘛?

content,css,js,Script,font,Laout,Shared里面的文件统统删了。abp文件夹下的暂时留着吧,以后可能有用。

然后打开nfine项目,生成一下,发现成功了,项目结构如下:

 看到Content文件夹没?是不是很干净,所有资源文件都放在content里。

等着干什么,把整个content拉到abpweb项目下,把shared里的布局页都拉到相应的文件夹下。

拉好后abp的解决方案就成这个样子拉,如下图:

 是不是比刚开始少了很多的文件夹拉,干净了不少呀。

下面来试试水吧,把nfine的login页面拉到Views/Home文件下夹,在HomeController下建一个LoginAction。

然后呢,把默认路由改成login.

看下login的html 有验证码获取,那么找下Nfine.core项目下有个VerifyCode类。拷贝下。放哪里好?

abp的文档上的分层结构说明好像没有指明写工具类放哪里?为了避免web项目引用到领域层的基础设施那么就建一个类库把,

像我这种英语二把刀,就命名Common把,土归土,但是至少别人能看明白呀。(有老板知道放哪麻烦告知)

abp项目的分层结构以及文件放置规则如下图,

拷贝好,那么就运行吧。

结果如图:

看到nfine是不是感觉好像是别人的东西。这有什么办法,谁让你用别人的ui呢。哈哈,后面有空再用layui改版样式把。

原文地址:https://www.cnblogs.com/choii/p/11439649.html