基于学生视角的招生信息设计与开发
摘要:根据对旧招生网站页面访问流量统计等信息,对招生信息网展示栏目进行了重新设计,使展示栏目更贴近信息访问者的需要。在此基础上,采用Microsoft Visiual Studio 2010开发工具和Sql server2008数据库,开发了新的招生信息网。
关键词:.NET;招生信息网;Sql server2008
0引言
招生信息网是学校宣传招生政策信息的主要网络阵地,是考生网上了解学校招生计划、招生章程等信息的主要渠道。招生信息网设计的好坏,在一定程度上影响到考生的报考意愿。学院旧招生网站为2006年投入使用,使用ASP页面开发。2013年,经过对学校招生信息网使用情况的调研和分析,对招生信息网展示栏目进行了重新设计,并开发出基于.NET的ASPX页面网站。
1网站展示栏目设计
根据网站整个页面访问流量的统计,以及对入学新生的问卷调查统计,以学生的视角,设计出新的展示栏目,从本质上改变了以学校为主体、学校展示信息的传统设计思路。重新设计后所展示的栏目,都是考生最关心、最想了解的信息。设计后前台展示的栏目有:招生计划:分艺术类计划、文理科计划、外省计划
、中职生计划子栏目。
学院介绍:分学院和系部介绍、学院图片、学院视频子栏目。
学院学习:分教学名师、教学设施、实训基地子栏目。
学院生活:分学院食堂、学院宿舍、学院运动、学院社团子栏目。
学院就业:分就业基地、学院深造、优秀校友子栏目。
:分常见问题、在线释疑、我要提问子栏目。
您最想知道:该栏目放置学院特、专业特、新生奖学金政策等最想展示给考生以及考生家长,以吸引考生报考等相关内容。
其它栏目:、动态新闻等栏目。
子栏目部分为单页面,如学院食堂、学院宿舍、学院特、专业特、新生奖学金政策等采用纯HTML设计。
2系统开发
现在流行的动态开发页面技术有JSP、PHP、ASPX。本次开发平台采用VS2010,数据库采用Sql server2008。Microsoft Visiual Studio 2010是微软公司提供的系统开发平台,包含了新的.NET Framenwork 版本、新的C#4.0语言,对集成开发环境具有很大的改进。采用Sql server2008数据库,提高了系统的性能和可伸缩性,减少了应用程序死机情况的发生。
在Window7电脑系统下安装好Microsoft Visiual Studio 2010和Sql server2008后即可进行开发。开发完成后,将网站代码上传到服务器上,在服务器配置好运行ASP.NET网站的环境,即可对网站进行访问。
2.1体系结构招生信息网录取查询入口
体系结构设计如图1所示。
从图1可以看出,整个系统分为前台和后台两大模块,并且功能基本对应。
2.2数据库设计
为满足信息发布、录取查询、系统管理以及考生咨询的需要,设计管理员、新生信息、新闻信息、咨询信息4张表,分别如表1、表2、表3、表4所示。
2.3部分设计要点
(1)批量删除和批量添加数据的实现。对管理后台而言,批量删除和批量添加是重要的功能。批量删除功能实现思路为:通过服务器选择控件实现批量选择并记录选择记录的ID,通过where-in语句删除。
以下为实现批量删除的代码:
protected void Button2_Click(object sender,EventArgs e)
{ string sqlstrwhere = "(";
for (int i = 0;i < GridView1.Rows.Count;i++)
{CheckBox checkbox1 = (CheckBox)GridView1.Rows[i].FindControl("CheckBox1");
if (checkbox1.Checked == true)
{ sqlstrwhere = sqlstrwhere + Convert.ToInt32(GridView1.Rows[i].Cells[1].Text)+ ",";}}
sqlstrwhere = sqlstrwhere.Substring(0,sqlstrwhere.Length - 1)+ ")";//获取记录ID
string sqlstrdelete = "delete from Table4 where id in" + sqlstrwhere;
SqlConnection sqlconnection1 = new SqlConnection();
sqlconnection1.ConnectionString = ConfigurationManager.ConnectionStrings["ConnectionString"].ToString ();
sqlconnection1.Open();
SqlCommand sqlcommand1 = new SqlCommand(sqlstrdelete,sqlconnection1);
deleterecordcount=sqlcommand1.ExecuteNonQuery();sqlconnection1.Close();
GridView1.DataSourceID = "SqlDataSource1";
GridView1.DataBind();}
在将新生信息导入到数据库时,需要将Excel格式的新生数据导入到Sqlserver数据库里。功能实现思路为:以OleDbConnection方式打开Excle数据源并将数据填充到中间数据库datatable;以SqlConnection方式打开Sqlserver数据库,循环执行ExecuteNonQuery 语句将datatable数据导入到Sqlserver数据库内。
(2)文档编辑功能的实现。在以信息发布为主要功能的网站中,实现文档的可见编辑功能尤为必要。有很多第三方在线文档编辑软件,如FCKeditor、KindEditor、eWebEditor、Ueditor,可以直接引用这些第三方文档编辑软件实现文档在线编辑。
在本网站里,直接采用javascript语句实现。实现思路为:将div
层设置为可编辑,使用ateRange()获取选区,利用pasteHTML()实现即时在线编辑效果,主要有插入图片、插入链接、换行、对齐、加粗、变等功能。
以下列举的是实现即时链接功能的代码:
function inserthyperlink(){
var range1=ateRange();var temp= prompt (“请输入链接地址”,”http://...”)//获取链接地址
temp=”<a href=’”+temp+”’>”++”</a>”;
range1.pasteHTML(temp);//取得在线链接效果。
}
在实际处理中,将层值赋给隐藏的textarea对象,通过post方式,存储到数据库中。
(3)前端美化设计并提高用户体验的措施。不同于一般的软件项目,招生信息网站在层次结构上并不复杂,但是对于用户的体验要求很高。因为对于面向广大考生以及考生家长的信息窗口而言,良好的用户体验是提高考生青睐度的重要措施。本网站在前端设计时,采取了css 修饰、增加精美图片、添加flash、添加视频等方式,一定程度上提高了界面的美观度。对考生信息咨询和信息查询,采取xmlhttp对象实现异步提交数据,在页面局部刷新的情况下即可提交数据或者显示查询结果。对于每一个具体内容,增加目录提示链接,