ITOO 第一个任务，新建界面
最近我们已经接手了我们传承的的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>至于后台的服务端的界面，就没有什么好看的了，实现了模糊查询，效果很好！（数据库原因，效果贴图，另行补发）
总结：
学习，就是这样，一步通，步步通。学习的时候不能只是看，最终还是要动手看，没有动手，就永远没有真正的发言权！
ITOO 第一个任务，新建界面的更多相关文章
- MVC5+EF6 简易版CMS（非接口） 第一章：新建项目
目录 简易版CMS后台管理系统开发流程 MVC5+EF6 简易版CMS(非接口) 第一章:新建项目 MVC5+EF6 简易版CMS(非接口) 第二章:建数据模型 MVC5+EF6 简易版CMS(非接口 ...
- cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第一步---開始界面&关卡选择
/* 说明: **1.本次游戏实例是<cocos2d-x游戏开发之旅>上的最后一个游戏,这里用3.0重写并做下笔记 **2.我也问过木头本人啦.他说:随便写,第一别全然照搬代码:第二能够说 ...
- 【PY从0到1】第一节 安装与界面介绍
本系列是介绍如何用Python进行股票量化交易的课程. 课程内容以记录Python零基础学员从最简单的Python下载及安装开始,到最后能熟练运用Python进行量化交易的专业人员的成长历程.旨在打造 ...
- HTML写的第一个邮箱登陆界面
自己动手去写才会有收获,宁可模仿也不要全部复制粘贴 不说了,直接上代码.CSS有注释,适合新手. <!doctype html> <html> <head> < ...
- angularcli 第一篇（新建、组件、模块）
1.新建并启动项目: 1.安装: npminstall -g @angular/cli 2.新建: ng new mytest 3.进入项目:cd mytest 4.启动: ng serve 5.打开 ...
- ofbiz进击 第一节。 新建自己的webapp项目
创建一个webapp的过程更新下来项目(直接从svn上面切下来就好),要先ant clean 下,然后在重新ant下.一: start sheel here :ant create-component ...
- MFC入门（一）-- 第一个简单的windows图形化界面小程序（打开计算器，记事本，查IP）
////////////////////////////////序//////////////////////////////// 大约三年前,学过一些简单的编程语言之后其实一直挺苦恼于所写的程序总是 ...
- 我的第一个上线小程序，案例实战篇二——LayaAir游戏开始界面开发
不知不觉我的第一个小程序已经上线一周了,uv也稳定的上升着. 很多人说我的小程序没啥用,我默默一笑,心里说:“它一直敦促我学习,敦促我进步”.我的以一个小程序初衷是经验分享,目前先把经验分享到博客园, ...
- DirectUI界面编程（一）创建第一个应用
1.获取Duilib库文件 通过上一节大家对DirectUI界面设计有了初步的了解,本节开始我们一起学习Duilib界面库的使用. 首先我们需要获取Duilib库,目前最新版本为2.0,最新版本源码托 ...
随机推荐
- centos6.5 mysql开机启动
可参考:centos6.5 nginx开机启动 /etc/init.d/下添加mysqld文件,内容如下: #!/bin/sh # Copyright Abandoned TCX DataKonsul ...
- Selenium WebDriver 处理table
首先,html table是由 table 元素以及一个或多个 tr.th 或 td 元素组成. for example: 这是一个简单的html table: 源码如下: <html> ...
- PLSQL
select t.*,rowid from Table t; 编辑器设置
- monitor system
#!/bin/bash # #Snapshot_Stats - produces a report for system stats # This report will mail to root. ...
- WP8 双击返回键退出
bool isExit = false; // 构造函数 public MainPage() { InitializeComponent(); isExit = false; // 用于本地化 App ...
- SQL Server遍历表的几种方法 转载
SQL Server遍历表的几种方法 阅读目录 使用游标 使用表变量 使用临时表 在数据库开发过程中,我们经常会碰到要遍历数据表的情形,一提到遍历表,我们第一印象可能就想到使用游标,使用游标虽然直观易 ...
- 【leetcode】Reverse Linked List（easy）
Reverse a singly linked list. 思路:没啥好说的.秒... ListNode* reverseList(ListNode* head) { ListNode * rList ...
- 【matlab】随意记录
v = -0.5:0.05:0.5; [x, y] = meshgrid(v); z = sqrt(1.0 - x.^2 - y.^2); mesh(x,y,z); 画一个球的一部分: 2. 求cel ...
- Gym 100703K Word order 贪心
题目链接 题意:给定一个长度为n的字符串,字符串仅由"F","N","A"三种字符组成,现有一种操作P,即把两个相邻的字符调换位置.要求把所 ...
- CocoaPods安装教程
Code4App 原创文章.转载请注明出处:http://code4app.com/article/cocoapods-install-usage CocoaPods是什么? 当你开发iOS应 用时, ...