ITOO 第一个任务，新建界面
来源：互联网 发布：js语言精粹 编辑：程序博客网 时间：2024/06/05 04:40
最近我们已经接手了我们传承的的ITOO项目，虽然现在还是学习阶段，但是总是还有一些可以完成的东西的。通过需求学习阶段，对照给的原型，逐渐的我们发现了各种各样的问题，有的是根据个人性格有关，有的是对需求的理解有关。而对于我们负责的新生这面来说，我看到了需求没有看到作品，最为我第一独立完成在ITOO里面的项目，很想分享一下。
需求：我们有学院报表，专业报表和新生报表。但是对于我们的新生报表，我就是认为它不是最好的，通过跟组长协商，我自己确定了一版临时的报表：
前台界面：
@{ ViewBag.Title = "Index";}@*<h2>Index</h2>*@<html> <head> <title>学生报表</title> <script src="../../Scripts/MyScripts/FreshStudent.js"></script> </head> <body> <div style="margin-top:30px;margin-left:20px;"> <div class="easyui-panel" title="查询" style="width:1250px;"> <div style="margin:10px 20px;float:left"> @*加载搜索框*@ 请输入要查询的内容： <input class="easyui-textbox" id="txtSearch" name="BidProjectId" onkeydown="Enter();" maxlength="20" style="width:150px;"> <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" onclick="stuSearch()" >查询</a> <a id="download" href="javascript:void(0)" class="easyui-linkbutton" style="margin-left :720px";data-options="iconCls:'',plain:true" onclick="ExportScoreSummary()" >导出Excel</a> </div> </div> </div> <div id="ContentAreas" style="margin-top: 15px; margin-left: 20px; width: 960px;"> <table id="dt" class="easyui-datagrid" title="学生报表" style="width: 1250px; height: auto" data-options=" iconCls: 'icon-edit', singleSelect: true, rownumbers:true, toolbar: '#tb', url: '', method: 'get', @*onClickRow: onClickRow*@"> <thead> <tr> <th data-options="field:'StudentCode',width:150,align:'center'" >学号</th> <th data-options="field:'StudentName',width:120,align:'center'">姓名</th> <th data-options="field:'StudentSex',width:120,align:'center'">性别</th> <th data-options="field:'StudentScore',width:120,align:'center'">分数</th> <th data-options="field:'Education',width:120,align:'center'">学历</th> <th data-options="field:'MajorName',width:150,align:'center'">专业名称</th> <th data-options="field:'DepName',width:150,align:'center'">学院名称</th> <th data-options="field:'StudentTel',width:150,align:'center'">联系方式</th> <th data-options="field:'IsCheck',width:120,align:'center'">是否报道</th> </tr> </thead> </table> </div> </body></html>
JavaScript：<span style="font-size:18px;">$(function () { $("#ContentAreas").css('display', 'block'); document.getElementById('txtSearch').value = " "; $("#a").css({ "display": "block", "position": "fixed", "top": "20px", "left": "10px", "width": "400px", "margin-bottom": "0px" }); $("#footer").css('display', 'none'); $.ajax({ url: '/FreshStudent/SelectAllStu', success: function (data) { var array = new Array; //alert(data.length); if (data.length != 0) { for (var i = 0; i < data.length; i++) { var obj = new Object(); obj.StudentCode = data[i].StudentCode; obj.StudentName = data[i].Name; obj.StudentSex = data[i].strSex; obj.StudentScore = data[i].Score; obj.Education = data[i].Level; obj.MajorName = data[i].FreshMajorName; obj.DepName = data[i].FreshDepartmentName; obj.StudentTel = data[i].TelNum; obj.IsCheck = data[i].strCheckIn; array.push(obj); } } else { $.messager.alert('提示', '没有搜索到学生信息!', 'warnning'); } $('#dt').datagrid('loadData', array); } }) })function stuSearch() { var txtSearch = $('#txtSearch').val(); txtSearch =$.trim(txtSearch); if (txtSearch == "" || txtSearch == null) { //李卫中 查询所有学生 $.ajax({ url: '/FreshStudent/SelectAllStu', success: function (data) { var array = new Array; //alert(data.length); if (data.length != 0) { for (var i = 0; i < data.length; i++) { var obj = new Object(); obj.StudentCode = data[i].StudentCode; obj.StudentName = data[i].Name; obj.StudentSex = data[i].strSex; obj.StudentScore = data[i].Score; obj.Education = data[i].Level; obj.MajorName = data[i].FreshMajorName; obj.DepName = data[i].FreshDepartmentName; obj.StudentTel = data[i].TelNum; obj.IsCheck = data[i].strCheckIn; array.push(obj); } } else { $.messager.alert('提示', '没有搜索到学生信息!', 'warnning'); } $('#dt').datagrid('loadData', array); } }) } else { $.ajax({ url: '/FreshStudent/SelectStu?strlike=' + txtSearch, success: function (data) { //alert(data.length); var array = new Array; //alert(data.length); if (data.length != 0) { for (var i = 0; i < data.length; i++) { var obj = new Object(); obj.StudentCode = data[i].StudentCode; obj.StudentName = data[i].Name; obj.StudentSex = data[i].strSex; obj.StudentScore = data[i].Score; obj.Education = data[i].Level; obj.MajorName = data[i].FreshMajorName; obj.DepName = data[i].FreshDepartmentName; obj.StudentTel = data[i].TelNum; obj.IsCheck = data[i].strCheckIn; array.push(obj); } } else { $.messager.alert('提示', '没有搜索到学生信息!', 'warnning'); } $('#dt').datagrid('loadData', array); } }) } //$('#dg').datagrid('reload', {//重新加载表信息datagrid // strLike: searchName //参数名称 //}); }function Enter(){ var event = window.event || arguments.callee.caller.arguments[0]; if (event.keyCode == 13) { stuSearch(); };}</span>
Controller：<span style="font-size:18px;"> #region 模糊查询的结果+ProcessRequest() /// <summary> /// 模糊查询的结果 /// </summary> /// <returns></returns> public string ProcessRequest() { Response.ContentType = "text/plain"; string strLike = Server.UrlDecode(Request.QueryString["strLike"]); //查询结果 List<FreshStudentViewModel> SeriesResult = stuService.LoadStrLikeEntities(strLike); string[] results = { "CandidateID", "Name", "Level" }; return GetLikeStr<FreshStudentViewModel>(SeriesResult, results).ToString(); } #endregion #region GetLikeStr+联想-获得查询出来的字符串+李卫中+2015年12月29日12:08:11 //<summary> //模糊查询-获得查询出来的字符串 //</summary> //<typeparam name="T">泛型</typeparam> //<param name="lsobject">传入的具体list</param> //<param name="results">字符串数组，起重包含要查询的字段名称</param> //<returns>拼接的字符串</returns> public StringBuilder GetLikeStr<T>(List<T> lsobject, string[] results) { StringBuilder sb = new StringBuilder(); if (lsobject.Count != 0) { for (int i = 0; i < lsobject.Count; i++) { var item = lsobject.ElementAt(i); for (int j = 0; j < results.Length; j++) { System.Reflection.PropertyInfo pi = item.GetType().GetProperty(results[j]); if (pi.GetValue(item, null) != null) { string querryCondititon = pi.GetValue(item, null).ToString(); sb.Append(querryCondititon).Append(","); } } } sb.Remove(sb.Length - 1, 1); } return sb; } #endregion #region 学生报表查询所有学生SelectAllStu（） ---李卫中--2015-12-30 /// <summary> /// 学生报表查询所有学生 /// </summary> /// <returns></returns> public ActionResult SelectAllStu() { List<FreshStudentViewModel> stuList = new List<FreshStudentViewModel>(); stuList = stuService.SelectAllStu(); return Json(stuList,JsonRequestBehavior.AllowGet); } #endregion #region 学生报表根据输入条件查询所有学生SelectAllStu（strlike） ---李卫中--2015-12-30 /// <summary> /// 学生报表查询所有学生 /// </summary> /// <returns></returns> public ActionResult SelectStu(string strlike) { //strlike = Request["txtSearch"].ToString(); ; List<FreshStudentViewModel> stuList = new List<FreshStudentViewModel>(); stuList = stuService.SelectStu(strlike); return Json(stuList, JsonRequestBehavior.AllowGet); } #endregion</span>至于后台的服务端的界面，就没有什么好看的了，实现了模糊查询，效果很好！（数据库原因，效果贴图，另行补发）
总结：
学习，就是这样，一步通，步步通。学习的时候不能只是看，最终还是要动手看，没有动手，就永远没有真正的发言权！
2 0
- ITOO 第一个任务，新建界面
- 新建第一个mvc程序
- keil新建第一个工程
- 新建第一个Android程序
- 新建QT第一个项目
- 第一个正式任务
- 第一个任务
- 第一个任务2
- 第一个任务2
- 任务二第一个
- 第一个任务
- 第一个任务
- 第一个JDBC任务
- 第一个任务
- 第一个UI界面
- 第一个留言板界面
- 刚刚完成第一个任务
- 上班的第一个任务
- 时间转换报java.lang.NumberFormatException: multiple points问题
- 一次测试环境与生产环境不同导致的问题
- SpringMVC通过拦截URL控制Mybatis切换数据源
- android中的提示信息显示方法（toast应用）
- iOS中 扫描二维码/生成二维码详解 韩俊强的博客
- ITOO 第一个任务，新建界面
- 第八章（4）-掌握回调的编程技巧-学习笔记
- IllegalStateException: Can not perform this action after onSaveInstanceState
- ts PCR
- CentOS update PHP to v5.6
- 观察者模式（ kvo基于键值 和Notification通知）
- Android Notification消息提示
- Mongodb和mysql比较
- Ios Sample React Native App
