zoukankan      html  css  js  c++  java
  • 用Taurus.MVC 做个企业站(上)

    前言:

    之前是打算写一篇文章叫: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

    感谢大伙支持!!!

  • 相关阅读:
    OleDbCommand 的用法
    递归求阶乘
    C#重写窗体的方法
    HDU 5229 ZCC loves strings 博弈
    HDU 5228 ZCC loves straight flush 暴力
    POJ 1330 Nearest Common Ancestors LCA
    HDU 5234 Happy birthday 01背包
    HDU 5233 Gunner II 离散化
    fast-IO
    HDU 5265 pog loves szh II 二分
  • 原文地址:https://www.cnblogs.com/cyq1162/p/5774448.html
Copyright © 2011-2022 走看看