前言:
之前是打算写一篇文章叫:Taurus.MVC 从入门到精通,一篇完事篇!
后来转指一念,还是把教程集在这个企业站项目上吧!!!
企业站风格:
之前发过一个帮师妹写的企业站:最近花了几个夜晚帮师妹整了一个企业网站
技术风格是:文本数据库(txt)+WebForm
转型的风格:文本数据库(txt)+Taurus.MVC
今天要完成的界面主要是首页:
OK,下面开始,看看一步一步怎么从无到有的做这个企业项目:
1:新建ASP.NET空的Web应用程序项目:
2:添加一个类库项目,叫Taurus.Controllers
3:在Taurus.Controllers项目上用Nuget引用Taurus.MVC:
当然,你也可以用源码项目,或者找到源码里的两个DLL添加引用:
注意EnterPriseSite项目需要引用Taurus.Controllers项目,毕竟编绎后的DLL要集中在EnterPriseSite项目上的。
4:在EnterPriseSite项目上添加Views文件夹,和几个空页面:
default.html等页面没放到default文件夹,是不对的,后面的截图会修正。
5:从原WebForm项目里把Style、App_Data目录下的文本数据库Copy过来:
顺便把项目名称改成EnterPriseSite.View
6:把原项目的用户控件的html标签Copy过来,放到Shared目录下master.html里:
用Taurus.MVC的时候,就木有Repeater的概念了,只有Html和JS。
有业务条件代码的,可以用JS处理,也可以后台处理,这里先用Js处理(后面有演示后台处理的):
模板页的节点可以随便放的,只要节点有名称(id或name),就可以被其它html引用。
引用的属性名称可以是id,name或者个别tag如(head,body,title,script,style,form,meta,link)
所以你能用master.head,master,body,master.title,master.script(都只取第一个节点)...
7:从原来的界面复制Default页面的标签过来:
原来的Default.aspx:
现在Default.html
界面都搞完了,现在开始要写代码了:
8:新建DefaultController.cs,同时把CodeFirst的几个表类Copy过来:
弄了个Logic文件夹来放,项目简单的时候,就不想建太多工程,用文件夹了:
然后,写几个方法上去,这样才能加载到对应的html文件:
所以html都是放在/views/default/目录下的。
补充说明:
默认访问路径是:localhost/default/index、locahost/default/artilelist...
为了把default去掉,默认的路由我补充了一个;以前路由模式只有1和2,现在多了个0。
9:看看Web.Config配置:
10:写逻辑代码绑定页面:
由于项目简单,我把业务逻辑,直接建了一个类,扔Controller里面了,叫DefaultLogic。
为了分层清晰,同学们还是自己新建一个Taurus.Logic类库项目放。
逻辑类需要继承自Taurus.Core.LogicBase,这样才能传递View对象到逻辑类中,注意有构造函数哦。
由于html的节点id按约定:表名View,所以Bind(View)就可以了,不需要指定名称。
这里多了一个事件View.Onforeach,用来格式化界面呈现的时间的:
当然后台不先格式好化,那就前台去处理了,就像上面的截图中有一个是用JS处理的代码。
11:Controller调用逻辑代码,渲染页面:
最后,一个漂亮的首页就出来了:
打完收工:
后续几个页面,包括文章列表,文章详情、产品中心,还有后台管理,下篇再介绍。
以前都是整个项目做完再写文章的,现在项目写一半,文章补一篇,哈。。。
源码:https://github.com/cyq1162/Taurus.MVC.Demo
感谢大伙支持!!!
版权声明:本文原创发表于 博客园,作者为 路过秋天 本文欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则视为侵权。 |
个人微信公众号![]() |
Donation(扫码支持作者):支付宝:![]() |
Donation(扫码支持作者):微信:![]() |
![]() |