web界面设.docVIP

实验目的和要求 1) 熟悉Web站点的信息交互模型和结构 2) 熟悉Web界面设计的基本思想和原则 3) 掌握Web界面设计的工具和技术 二、实验内容与原理 (一) 实验内容: 要求根据Web界面设计的原则(简洁、一致性、对比度)，进行Web界面规划、概要设计和设计要素的选择，利用一种界面设计工具(Dreamweaver / Frontpage)完成网页设计。 (二)实验步骤： 1)选择一种界面设计工具，并熟悉它； 2）针对一个具体的网站（学校、个人、公司）设计应用，进行Web界面规划和概要设计； 3）选择WEB界面设计要素，设计出网页 设计方案 使用的数据库是MySQL，数据库表如图所示： news表: news_user表: 该网站为新闻发布系统，该网站有浏览新闻、添加新闻、修改新闻、删除新闻功能。用户权限分为管理员、普通用户权限。 网站主页 b）单击标题，检测如果未登陆，进入登陆页面 c)如果没有登陆账号，则进行注册 d)如果登陆成功则进入新闻浏览界面。如果是普通用户，浏览界面如图所示： 如果是权限用户，浏览界面如图所示： e)详细内容： f) 如果是管理员用户，则有更新新闻权限,如下图所示： f) 如果是管理员用户，则有添加新闻权限,如下图所示： 我使用的开发工具是VS2012,工程类型为Asp.NET Web Forms Application.VS2012集成了ASP.NET MVC 4，全面支持移动和HTML5，WF 4.5相比WF 4，更加成熟。该版本中包含了新的Metro应用程序模板，增加了JavaScript功能、一个新的动画库，并提升了使用XAML的Metro应用程序的性能。 3）网站业务流图 网站使用三层架构。分为DAL,BLL，UI层。 DAL层，需要下载ADO.NET for MySQL,然后需要引进动态链接库。即可通过简单设置连接MySQL数据库。在该层我设计了一个MySqlDataCommand类，通过该类对ADO.NET进行封装，提供了完整的连接MySQL数据库，进行增、删、改、查等操作的方法。 public MySqlDataCommand(string _commandText); 该函数为MySqlDataCommand 的构造函数，_commandText指定SQL语句，可通过构造函数构造MySqlDataCommand的对象，进行对数据库相关表数据增删改查等操作。 public void AddParameters(string aParametersName, object value); 该函数为MySqlDataCommand对象的成员mCommand（MySqlCommand）添加参数，进行对数据库的相关操作，可有效避免SQL注入。 3.public void ClearParameters() 清除mCommand的参数。 4.public MySqlDataReader ExecuteSqlDataReader() 执行SQL语句，并返回MySqlDataReader对象，通过该对象可获取查询出的数据。 public int ExecuteNonQuery() 执行SQL语句，并返回影响行数（例如你删除一条数据，影响函数就为1） 6. public object ExecuteScalar() 执行SQL语句，返回查询到的第一行第一列数据。 7. protected void TransactionBegin() 打开数据库并开启事务,当对数据库相关操作出现问题时可回滚到之前的状态。 8.protected void TransactionCommit() 提交事务并关闭数据库。 public static string GetConnectionStr() 获取数据库连接字符串，存储在web.config的连接字符串是已经加密后的，这里进行了解密操作，来获取解密后的连接字符串。 b)BLL层即为业务逻辑层，调用DAL层函数，并进行一些逻辑判断，返回实体类等数据。下面为新闻查看逻辑类具体举例。 public ListNews Resource() 通过调用DAL层函数，可获取所有新闻，并以ListNews的形式返回所有数据。方便进行相关数据的绑定。News为实体类，与数据库中News表匹配，方便操纵返回数据。 2. public int count() 返回新闻总数。 3.public bool DeleteNews(int NewsID) 删除指定主键所对应的新闻。如果删除失败返回false，否则返回true public bool UpdateNews(int aId,string atitle, string acontentcue, stri