Terra模板引擎开发(2)

　　手机应用实际上也是有很多共性的地方，比如类似的导航方式，类似的数据展现方式。。。新添加的模板，我尝试将一些手机应用里面较为相像的地方抽出来。

　　首先是导航方式，经常用手机app的人大概发现，最常见的导航方式一般是基于左则滑动式导航或者基于Tab的导航方式，又或者是两者混合在一起，所以这个模板的向导界面我添加了这么一个步骤。如下图所示:

　　

　　

　　页面数量主要是依据此去生成后面需要配置的页面，同时这里的数量也是导航链接的数量。接下来需要配置相应的页面类型，我浏览了一些手机端的网站，最常见的就是以列表的方式展现数据，有的也喜欢用block的方式去显示，这边先是实现了一个ListPage类型的模板页面，如下图所示:

　　

　　后面会根据设置的页面类型去生成相应的配置界面:

　　

　　配置界面主要是要设置界面与数据的一些绑定关系，程序最终会根据这些绑定关系去生成源码，比如说，界面上有个##ItemTitle##的占位符，这个占位符就好比代数里面的x,右面的属性栏可以看到一栏ItemTtile的输入框，假设你有一个数据表Info，而你想将Info表里面的Title字段展现到列表，则只需要在ItemTitle一栏输入Title即可。这里想说明一下"转到"按钮，这个按钮就代表用户是点击一下列表时界面展现的页面，当点击这个按钮的时候，界面就会生成一个明细页面的配置界面，如下图所示:

　　

　　Content占位符是假定数据表有一个使用内容编辑器保存的字段。明细页面的配置界面有个"返回"按钮，点击就会返回到上级页面的配置界面，这样做主要是想配置的时候跟应用实际在使用时的操作流程结合在一起。这里说的明细页面，其实就是点击列表的时候跳进去的页面，这个页面的展现方式更是多样化，每个移动端网站或者App都有类似，但是又不尽相同。浏览了一些移动端网站后，我大致将其分为几类。1，纯内容展示；2，上方内容展示，下方显示其从表内容(比如新闻内的内容展示页，上方时内容，下方显示的是评论列表);3，表单式的展现方式。有的app的展现方式还加入了图形和动画，这些较为特殊，就不再讨论之列了。

　　这个模板采用Jquery Mobile + Asp.net mvc + EF ，运行效果如下图所示：

　　

　　程序现阶段仍处于开发阶段，版本号为alpha v0.42，主要更改为:

　　1.修复数据库字段数据类型与Model类的数据类型转化问题。

　　2.添加一个Jquery Mobile + Asp.net mvc + EF移动端用模板

　　(添加了浏览器组件后程序容量有点大，所以不在此上传了，而且博客也没有什么反馈，故只做展示与记录)