1.页面布局 (1).在area处添加区域 (2).添加控制器 (3).添加视图 (4).添加样式代码 (5).引入css样式表 (6).前往主页面给工号页面添加点击事件,让工号页面链接到主页面. (7).引入js部分文件 2.编写功能 (1)编写弹出层[ var layer;] (2)加载layer模块
(
d
o
c
u
m
e
n
t
)
.
r
e
a
d
y
(
f
u
n
c
t
i
o
n
(
)
l
a
y
u
i
.
u
s
e
(
′
l
a
y
e
r
′
,
f
u
n
c
t
i
o
n
(
)
l
a
y
e
r
=
l
a
y
u
i
.
l
a
y
e
r
;
)
;
)
;
3.
绑
定
用
户
组
号
下
拉
框
(
1
)
.
写
一
个
(document).ready(function () { layui.use('layer', function () { layer = layui.layer; }); }); 3.绑定用户组号下拉框 (1).写一个
(document).ready(function()layui.use(′layer′,function()layer=layui.layer;););3.绑定用户组号下拉框(1).写一个.get(‘’,function(data){});请求数据方法,用于请求下拉框的数据. (2)转到控制器去创建一个新的方法去写查询用户组的方法 (3) 将models实例化 Models.FJDPXTEntities myModel = new Models.FJDPXTEntities(); (4)利用linq语句写查询数据方法,并进行数据赋值 var listUserGroup = from tbUserGroup in myModel.S_UserGroup select new { id=tbUserGroup.userGroupID, text=tbUserGroup.userGroupNumber }; (5)去到视图请求数据方法处填写请求的数据的地址 (6)用
方
法
去
写
绑
定
用
户
组
号
下
拉
框
4.
绑
定
用
户
类
型
下
拉
框
(
1
)
.
写
一
个
方法去写绑定用户组号下拉框 4.绑定用户类型下拉框 (1).写一个
方法去写绑定用户组号下拉框4.绑定用户类型下拉框(1).写一个.post(‘’,function(data){});请求数据方法,用于请求下拉框的数据. (2)去控制器创建一个查询用户类型的方法 (3)利用linq语句写查询数据方法,并进行数据赋值 (4)写绑定方法 (5)在方法中写清空下拉框中的子元素的方法
(
"
"
)
.
e
m
p
t
y
(
)
;
(
6
)
使
用
("").empty(); (6)使用
("").empty();(6)使用().append(‘请选择</option’);为下拉框加上可选择这个选项 (7)通过$.each();方法绑定元素. 5.为了方便以后的下拉框绑定可以进行一个方法封装 6.写在用户输入“确认密码”后检查两次输入的密码是否相同的方法验证密码( $("#frmUser 位置[具体位置]").focusout(function () {}) (1)var 变量 = $("#").val();获取用户输入的密码 (2)var 变量 = $("#").val();获取确认密码的值 (3)用if else语句判断密码是否一致. (4)如果密码不一致,将确认的密码设置成空字符串. KaTeX parse error: Undefined control sequence: \d at position 145: …lue.replace(/[^\?d?.]/g, ""); (4)定…方法,当余额失去最后的焦点的时候,删除最后一个小数点. 代码: $("#frmUser input[name=‘amount’]").blur(function () { var amount = KaTeX parse error: Can't use function '\.' in math mode at position 52: …mount.replace(/\?.?/g, “”); KaTeX parse error: Expected 'EOF', got '}' at position 29: …ount); }?); 8.邮箱验证 (1)定义…(input).css(“color”, “green”);) 3.定义保存的方法 (1)定义一个方法,用于存放保存方法的内容 (2)定义变量获取表格信息的值 var userGroupID = $("#cboUserGroup").val(); var userName = $("#frmUser input[name=‘userName’]").val().trim();//姓名 var jobNumber = $("#frmUser input[name=‘jobNumber’]").val().trim();//工号 Var userPassword = $("#frmUser input[name=‘userPassword’]").val().trim();//密码 var ensure = $("#frmUser input[name=‘ensure’]").val().trim();//确认密码 var userEmail = $("#frmUser input[name=‘userEmail’]").val().trim();//邮件 var amount = $("#frmUser input[name=‘amount’]").val().trim();//账号余额 var isEnable = $("#frmUser input[name=‘isEnable’]").is(’:checked’);//启用用户 var userTypeID = KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#?cboRole").val()….ajax({});] <1>数据的请求方式 type:‘post’, <2>数据接口 url:, <3>提交数据 data:from, <4> processData: false, // 告诉jQuery不要去处理发送的数据 <5> contentType: false, // 告诉jQuery不要去设置Content-Type请求头 <6>方法success:function(){}; <7>使用from data方法传输数据 代码: var form= new FormData(); form。append(“”,“”); (5)定义提交数据位置的方法方法 定义方法(不要忘记添加实体类接收数据) public ActionResult InsertUser(S_User<实体类> modUser) {
}
(6)返回视图指明路径 (7)用if{}else{}语句验证开通工号信息是否符合要求 <1>验证用户组和角色是否为空 <2>验证工号是否为空 <3>验证密码是否为空 <4>验证姓名是否为空 <5>验证邮箱号是否符合规范(需要使用正则表达式)[Regex.IsMatch(modUser.userEmail, “^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$”)] <6>检查工号是否已经存在(查询语句)[ int count = myModel.S_User .Where(m => m.jobNumber == user.jobNumber) .Count();] <7>对密码进行加密[string password = AESEncryptHelper.Encrypt(modUser.userPassword);] <8>将加密后的密码进行重新赋值,让加密后的密码替换掉原来的密码[modUser.userPassword = password;] <10>进行新增方法[myModel.S_User.Add(modUser);] <10>判断数据是否新增成功[if (myModel.SaveChanges()>0) {}else{}] <11>定义一个userID,用来存放新增后的userID的返回值[int userUD = modUser.userID;] <12>创建一个虚拟账号的对象(需要将虚拟账号的id与用户的id绑定在一起) <13>关联虚拟账号的id与用户组的id[ virtualAccount.userID = userID;] <14>对虚拟账号的编写格式进行生成[virtualAccount.account = string.Format(“XNZH{0:000000000}”,userID);] <15>将余额数据进行关联[ virtualAccount.accountBalance = modUser.amount;] <16>将余额数据进行新增[myModel.S_VirtualAccount.Add(virtualAccount);] <17>判断数据是否新增成功[if (myModel.SaveChanges()>0) {}else{}] <18>在success: function (msg)方法里接收返回数据的值 [success: function (msg) { if (msg.State) { layer.alert(msg.Text, { icon: 6 }); } else { layer.alert(msg.Text, { icon: 5 }); } }] <19>在解决方案管理器里添加Transactions引用 <20>将新增事务数据全部放在Transactions引用里 [using (TransactionScope scope = new TransactionScope()) {}] <21>提交事务[scope.Complete();]
|