Wojilu学习笔记 (02)

使用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种验证规则,分别是:

可以把上面的规则名称直接赋值给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();
              }
          }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏GopherCoder

『No17: gin-swagger 构建自动化文档』

重要,前后端的交互一般流程是这样的,后端暴露出API后,交给前端,前端根据API的响应,编写前端页面,一定程度上API 是前后端的交互桥梁。

2131
来自专栏白驹过隙

Redis - Keepalived + redis 主备热备切换

46111
来自专栏FreeBuf

基于Session的身份窃取

一、Session是什么 密码与证书等认证手段,一般用于登录过程。用户登录之后,服务器通常会建立一个新的Session保存用户的状态和相关信息,用以跟踪用户的状...

2948
来自专栏Road

Redis 设计 --- 持久化存储策略 以及 过期键删除策略

本篇主要介绍 Redis 中 过期键删除策略 以及 如何“友好”支持数据持久化存储

1612
来自专栏挖坑填坑

.net core + angular 项目中使用ueditor遇到的问题

这是两个问题, 1、angular中使用ueditor 2、.net core 中使用ueditor

1332
来自专栏我爱编程

Day1爬虫原理

爬虫基本流程 发起请求 通过HTTP库向目标站点发起请求,即发送一个Request,请求可以包含额外的headers等信息,等待服务器响应。 获取响应内容 如果...

3226
来自专栏技术博文

curl参数

目录 1. 介绍 2. curl扩展的安装 3. curl_init 4. curl_setopt 5. cur...

3605
来自专栏冰霜之地

初探 Go 的编译命令执行过程

Go 语言这两年在语言排行榜上的上升势头非常猛,Go 语言虽然是静态编译型语言,但是它却拥有脚本化的语法,支持多种编程范式(函数式和面向对象)。Go 语言最最吸...

1213
来自专栏木头编程 - moTzxx

Redis 的安装与拓展操作指导(Windows+Linux)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/de...

1372
来自专栏IT可乐

Redis详解(八)------ 主从复制

  前面介绍Redis,我们都在一台服务器上进行操作的,也就是说读和写以及备份操作都是在一台Redis服务器上进行的,那么随着项目访问量的增加,对Redis服务...

900

扫码关注云+社区

领取腾讯云代金券