aspnet网上学堂网站的制作过程.doc

一、 创建网站并规划页面1、 创建网站“文件”“新建网站”2、创建网站文件夹按功能设计页面，分类后放不同的文件夹内创建一般的文件夹：在资源管理器中右击网站根目录，选择“新建文件夹”，本例中要创建Admin，Teacher，Students三个普通文件夹来分别存放与管理员、教师和学生相关的网页文件。创建特殊文件夹：在资源管理器中右击网站根目录，选择“添加ASP.NET文件夹”特殊文件夹有：App_Code：存放和代码相关的文件，如.cs,.xsdApp_Data：存放和数据库相关的文件，如.mdf,.sql等App_Themes：主题文件夹，存放美化功能的文件，如.css,.js,.skin,图片等本例中要创建上面提到的这三个特殊文件夹（App_Code文件夹在创建网站时会自动出现，所以不用创建，只需要创建另外两个就可以了。）创建完后整个系统的文件夹结构如下图所示：其中default.aspx页面是首页，包含用户登录功能。二、准备数据库1、 建立新的数据库本例中用到的数据库gxjwdb，其中包含的各表及表间关联如下图所示，这是在软件设计阶段就设计好的。然后在SQL SERVER 2005 EXPRESS中建立此数据库。如果用命令创建，注意保存创建库的.SQL文档，以备以后移植。（因同学们未学习数据库方面的知识，所以采用下面的方法生成数据库）2、 转移已有的数据库，两种方法：方法一：建库的时候保存所有创建库的命令到.sql文档，转移时在当地数据库服务器内运行.sql文档生成数据。本例中使用的方法就是这样的：在“gxjwdb数据库相关文件”中有建库、建表、建存储过程、建触发器等.sql文件，按执行次序在SQL Server 2005 Express中打开并执行，从而生成数据库。方法二：分离与附加（mdf ,ldf）分离后，到数据库所在文件夹（C:Program FilesMicrosoft SQL ServerMSSQL.1MSSQLData）内将数据库文件（.mdf和.ldf）文件一起拷走，然后在目标机器的数据库服务器内将数据库附加进来。3、 连接字符串(web.config)的处理(1)设置连接字符串为了方便网站中多处连接数据库的字符串的修改与使用，可把连接字符串放在配置文件web.config里。如：两种设置方法：方法一：手动输入添加：打开Web.config文件，在标签的上方添加代码如下：方法二：利用sqlDataSource控件生成，生成后将这个控件删除，本例中采用这种方法，步骤如下：打开Default.aspx“设计”视图，从工具箱的“数据”标签中拖放一个SqlDataSource控件到此页面，单击右上角“SqlDataSource任务”中的“配置数据源”，在弹出的“配置数据源”对话框中单击“新建连接”按钮。 在弹出的“添加连接”对话框中，“数据源”采用默认的“Microsoft SQL Server”，“服务器名”选择要连接的服务器或输入：localhostsqlexpress选择“使用SQL Server身份认证”登录到服务器，其中“用户名”和“密码”分别输入登录到SQL Server服务器的用户名和密码。在“选择和输入一个数据库名”的下拉框中选择本系统所创建的数据库gxjwdb单击“测试连接”按钮，判断是否连接成功，若连接成功单击“确定”按钮。 点“确定”返回到“配置数据源”窗口，单击“下一步”按钮，在弹出的“把连接字符串保存到应用程序中”对话框中选中“把此连接另存为”复选框，并命名为“GxjwConStr”，然后点击“下一步”，剩下的步骤随意选择操作，直到遇到“完成”按钮可用，然后点击“完成”，这样数据源就配置好了，用于数据库连接的串也保存到应用程序配置文件（web.config）中了，此时，打开配置文件则可以看到系统自动生成的数据库连接字符串。 删除Default.aspx页面中的SqlDataSource控件。 (2)从Web.config中获取连接字符串方法一：在取字符串的类文件头部添加如下引入命名空间：using System .Configuration;取连接字符串的代码是：String conStr=ConfigurationManager.ConnectionStrings“GxjwConStr”.ConnectionString;方法二：在取字符串的类文件头部添加如下引入命名空间：using System .Web .Configuration;取连接字符串的代码是：String conStr=WebConfigurationManager.ConnectionStrings“GxjwConStr”.ConnectionString;4、 数据库操作的封装（类）为方便快速的访问数据库，可以对数据库的各种基本操作（如返回多行数据的查询，返回单行数据的查询，判断是否有记录的查询，返回单个值的查询，插入记录、删除记录、修改记录等）定义成一个静态类（.CS文件）的静态成员函数，而且都是public类型的，这样可直接使用而不用创建实例对象。在本例中就是要在App_Code文件夹里创建一个DBHelper.cs静态类，并定义相关静态成员函数。操作步骤如下：在“资源管理器窗口”右击App_Code文件夹，选择“添加新项”“类”定义类名为“DBHelper.cs”“添加”代码如下：三、 创建母版页、内容页、美化1、页面布局：div+css（1）default.aspx页面为首页，页面布局框如下图所示div id=layoutdiv id=logodiv id=headerdiv id=leftupdiv id=leftdowndiv id=rightdiv id=footerdiv id=left在主题1中添加CSS文件：右击“主题1”“添加新项”在“body”左右括号内右击“生成样式”这要会使整个页面居中添加其他样式规则方法：在所有标签外的空白处右击“添加样式规则”选择“元素ID”，在下面的文本框中输入各DIV的ID属性值，来创建各DIV对应的样式。例如，首先输入“layout”，点“确定”，来设置ID=“layout”的DIV样式。再在#layout左右大括号里面右击“生成样式”这样使整个页面宽度为900象素其他DIV的规则按如上步骤进行，最后成生的CSS样式文件内容如下： 对default.aspx页面应用主题1，在“属性”窗口操作如下：其他页面的样式设置都放在这一个样式表中即可，若两个页面有完全一样的元素（如div id=logo 和div id=footer），设置元素ID为一样的即可，样式不用重复设置。如再添加一个register.aspx页面，它的头部和底部与default一样，源代码如下：这样，只要在defaultcss.css样式文件中添加#content样式规则就可以了。2、母版页和内容页的关系ContentPlaceHolder-Content四、 登录与注册1、 登录页面设计时可充分利用表格安排元素的位置，为美观，可设置左侧列内容靠右对齐，右侧列内容靠左对齐2、 注册分步控制时，可利用多个页面，也可使用MultiView 和View控件，通过MultiView.actveViewindex属性控制显示哪一个。五、 系统数据维护（显示、增加、删除、修改）两大方式：1、 sqlDataSource+ListView+DataPager适用于对字段比较少的表进行维护(1)sqlDataSource配置数据源(例：course表)(2)ListView：显示并操作数据选择数据源为sqlDataSource1，再选择“Configure ListView”(3)DataPager：实现分页功能PageControlID是与之绑定的要实现分页的控件（ListView），PageSize是每页显示的记录数 2、 sqlDataSource+GridView+FormView适用于对字段比较多的表进行维护(1) sqlDataSource设置数据源(例：teacher表)，同上(2) GridView：显示并操作数据，本身有分页功能,可通过模板和代码功能实现强大灵活的所有数据操作功能选择“编辑列”，改标题显示将“启用分页”、“启用排序”、“启用编辑”、“启用删除”、“启用选择”选中，启用相关功能。PageSize属性表示每页显示的记录数选择“自动套用格式”修改样式(3) FormView：对单条记录的显示与操作（详情）数据源设置同上选择“编辑模板”，显示中选择相应的模板（ItemTemplate、EditItemTemplate、InsertItemTemplate三种模板分别表示在显示、更新和插入状态下的数据呈现方式）来设置各项数据的呈现样式及排列顺序（用表格实现）等。选择“启用分页”可将其按一条记录一页来分页显示效果如下：还可选择