·您现在的位置: 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设开发 >> ASP.NET网站开发 >> Wojilu学习笔记(02)

Wojilu学习笔记(02)

作者:佚名      ASP.NET网站开发编辑:admin      更新时间:2022-07-23

使用RequireJS

(1)整个页面,应该只有一个 <script src="" > 标签,并且放在页面底部,用来引入 RequireJS 和 main.js 文件

<script data-main="~js/main" src="~js/lib/require-jquery-wojilu.js?v=#{jsVersion}"></script>

 

(2)在页面头部的 <head> 部分,增加一行内联js代码:

<script>var __funcList = []; var _run = function (aFunc) { __funcList.push(aFunc); }; var require = { urlArgs: 'v=#{jsVersion}' };</script>

 

(3) 然后你就可以在 (1)和(2) 之间的任何部分写自己的 js 代码了。所有代码请用 _run( function() {} ); 包装:

_run( function() {

    // 你的代码写在这里

    // 也可以引入其他 js 文件,比如
    require(['some-js-filename'], function(xx) {
    });
});

注意:require 的时候,js 文件不能有后缀名。其次,都要放在 js 目录下,目前的目录路径是最规范的方式,不要纠结,不建议改成其他做法。

 

表单验证

 

在后台页面,因为引用了 wojilu.common.admin.js ,所以可以直接使用验证框架;如果是前台,必须显式开启(通过 wojilu.ui.valid(); 代码开启),或者引用wojilu.common.admin.js 。

<span class="valid" msg="请输入真实姓名"></span>

wojilu Ajax framework为了开发的方便,预置了13种验证规则,分别是:

image

 

可以把上面的规则名称直接赋值给rule属性,比如填写email:

<span class="valid" msg="请填写标题" rule="email"></span>

 

 

 

表单数据传输,插入表

zt_sign s = ctx.PostValue<zt_sign>();        
         
          using(MAction action = new MAction(TableNames.zt_sign))
          {
              action.Set(zt_sign.CName, "阿炬");
              action.Set(zt_sign.SystemId, 1);
              action.Set(zt_sign.AddTime, DateTime.Now);
              if(action.Insert(true,s))
              {
                  int id = action.Get<int>(zt_sign.ID);
                  //ctx.web.ResponseWrite(id.ToString());
                  //ctx.web.ResponseEnd();
              }
          }