最近我们已经接手了我们传承的的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 第一个任务，新建界面的更多相关文章

  1. MVC5+EF6 简易版CMS（非接口） 第一章：新建项目

    目录 简易版CMS后台管理系统开发流程 MVC5+EF6 简易版CMS(非接口) 第一章:新建项目 MVC5+EF6 简易版CMS(非接口) 第二章:建数据模型 MVC5+EF6 简易版CMS(非接口 ...

  2. cocos2d-x 3.0游戏实例学习笔记《卡牌塔防》第一步---開始界面&amp;关卡选择

    /* 说明: **1.本次游戏实例是<cocos2d-x游戏开发之旅>上的最后一个游戏,这里用3.0重写并做下笔记 **2.我也问过木头本人啦.他说:随便写,第一别全然照搬代码:第二能够说 ...

  3. 【PY从0到1】第一节 安装与界面介绍

    本系列是介绍如何用Python进行股票量化交易的课程. 课程内容以记录Python零基础学员从最简单的Python下载及安装开始,到最后能熟练运用Python进行量化交易的专业人员的成长历程.旨在打造 ...

  4. HTML写的第一个邮箱登陆界面

    自己动手去写才会有收获,宁可模仿也不要全部复制粘贴 不说了,直接上代码.CSS有注释,适合新手. <!doctype html> <html> <head> < ...

  5. angularcli 第一篇（新建、组件、模块）

    1.新建并启动项目: 1.安装: npminstall -g @angular/cli 2.新建: ng new mytest 3.进入项目:cd mytest 4.启动: ng serve 5.打开 ...

  6. ofbiz进击 第一节。 新建自己的webapp项目

    创建一个webapp的过程更新下来项目(直接从svn上面切下来就好),要先ant clean 下,然后在重新ant下.一: start sheel here :ant create-component ...

  7. MFC入门（一）-- 第一个简单的windows图形化界面小程序（打开计算器，记事本，查IP）

    ////////////////////////////////序//////////////////////////////// 大约三年前,学过一些简单的编程语言之后其实一直挺苦恼于所写的程序总是 ...

  8. 我的第一个上线小程序，案例实战篇二——LayaAir游戏开始界面开发

    不知不觉我的第一个小程序已经上线一周了,uv也稳定的上升着. 很多人说我的小程序没啥用,我默默一笑,心里说:“它一直敦促我学习,敦促我进步”.我的以一个小程序初衷是经验分享,目前先把经验分享到博客园, ...

  9. DirectUI界面编程（一）创建第一个应用

    1.获取Duilib库文件 通过上一节大家对DirectUI界面设计有了初步的了解,本节开始我们一起学习Duilib界面库的使用. 首先我们需要获取Duilib库,目前最新版本为2.0,最新版本源码托 ...

随机推荐

  1. ACM/ICPC 之 DP进阶(51Nod-1371(填数字))

    原题链接:填数字 顺便推荐一下,偶然看到这个OJ,发现社区运营做得很赞,而且交互和编译环境都很赞(可以编译包括Python,Ruby,Js在内的脚本语言,也可以编译新标准的C/C++11,甚至包括Go ...

  2. QQ右下角图标不见了

    [QQ]我的qq是在线的,但是桌面右下角的企鹅小图标却不见了??? 最好的办法是:CTRL+ALT+Z,先把QQ的控制面板调出来 然后点菜单,选设置,系统设置.在基本设置的选项卡中,窗口设置的最后一项 ...

  3. K3问题 无法创建中间层 组件<KdSvrMgr>无法正常工作

    K3遇到如下问题 一直无法解决,这个是本地计算机的问题,跟服务器没关系,采用笨方法,重装K3(重装到本磁盘.其他磁盘),重装系统,虽然笨,但最后都解决掉了

  4. [Android Pro] Normal Permissions

    As of API level 23, the following permissions are classified as PROTECTION_NORMAL: ACCESS_LOCATION_E ...

  5. [Android Pro] svn实例

    referece : http://www.cnblogs.com/cnblogsfans/archive/2010/03/21/1690891.html 签出 svn checkout URL pa ...

  6. MongoDB 3.0（1）：CentOS7 安装MongoDB 3.0服务

    目录(?)[-] 1下载安装 2MongoDB CRUD 1创建数据 2更新数据 3删除 4查询 5更多方法 3MongoDB可视化工具 4总结   本文原文连接: http://blog.csdn. ...

  7. 创建INnodb的compress表

    需要将innodb_file_per_table=1 ,innodb_file_format=Barracuda;; 如: Creating a Compressed Table in a Gener ...

  8. poj1703(各种姿势)

    题目链接:http://poj.org/problem?id=1703 题意:有n个人分别属于两个团伙,接下来m组形如 ch, x, y的数据,ch为"D"表示 x, y属于不同的 ...

  9. AJAX XML返回类型

    例题 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o ...

  10. jQuery积累

    一:Google的CDN(内容分发网络) <head> <script type="text/javascript" src="http://ajax. ...