使用框架生成网页

其实即使是网页设计高手，想要好的设计效果，多数也是要使用框架的，至于菜鸟，更是离不开框架。
你可以使用第三方的框架，目前用得比较多的是jQuery, 在这个基础上还有两个官方维护的界面框架，分别是jQueryUI和jQuery Mobile，前者适合常规网页设计，后者适合手机端网页设计。
第三方框架的一般都是有js和css文件组成，如何使用，我们之前已经介绍，这里就不重复了，参考：使用JavaScript文件  使用CSS文件

FoxTable内置了一个框架，这个框架基于腾讯的微信网页开发样式库(WeUI)，选择这个框架，不是因为这个框架有多么的优秀，是为了让你开发的网页未来能更好地和微信整合，毕竟都是腾讯的产品。
我们用一个简单的例子来说明使用这个框架的步骤：

1、准备WeUI框架文件

你可以在以下地址下载到WeUI框架文件：

http://www.foxtable.com/download/mobile/weui.zip

解压会得到三个文件，分别是：

weui.me.js
weui.me.css
weui.min.css

解压后将上述三个文件复制到"d:\web\weui"目录下

2、用以下代码开启http服务网：

HttpServer.Prefixes.Add("http://*/")
HttpServer.WebPath = "d:\web"  '指定静态文件存储位置
HttpServer.Start()

重要提示，必须将HttpServer的WebPath设置为正确的路径，否则框架将不会生效。

3、将HttpRequest事件代码设置为：
Select Case e.Path
    Case "addnew.htm"
        Dim wb As New WeUI '定义一个基于weui框架的网页生成器
        wb.AddForm("","form1","addnew.htm")
        With wb.AddInputGroup("form1","ipg1","新增订单")
            .AddSelect("cp","产品","PD01|PD02|PD03|PD04|PD05")
            .AddInput("gy","雇员","text")
            .AddInput("kh","客户","text")
            .AddInput("dj","单价","number")
            .AddInput("zk","折扣","number")
            .AddInput("sl","数量","number")
            .AddInput("rq","日期","date")
        End With
        With wb.AddButtonGroup("form1","btg1",True)
            .Add("btnok","确定")
        End With
        e.WriteString(wb.Build) '生成网页
End Select

3、现在通过手机访问，可以得到下图所示的网页：

你可以通过网页浏览器查看上述网页的源代码，合计有73行，而Foxtable的Httprequest事件只用了14行代码就生成了这个网页。

节省的代码量超过了80%，更重要的是，上述代码简洁易懂，不涉及任何网页设计知识，完全是傻瓜式的，而且网页效果很专业，一般用户完全靠自己编码，可能很难做出这样的效果。