凤凰创壹虚拟ASP.NET程序设计系统模块内容说明书.docxVIP

凤凰创壹虚拟ASP.NET程序设计系统模块内容说明书 目 录 TOC \o 1-3 \h \z \u 教 学 1 一 理论知识 1 二 三维互动 1 项目一 网站首页 2 项目二 商品入库 36 项目三 信息交流 54 项目四 商品数据维护 70 项目五 仓库发货 92 项目六 商品收费 113 项目七 商品销售 129 项目八 报表设计 161 项目九 登录窗体设计与系统集成 191 教 学 三维互动 项目一 网站首页 初始界面，如图所示 一）创建网站并创建Default.aspx网页 1．启动VS2005，创建“nzxs”网站 启动VS2005 后，在菜单中点击[文件]-[新建网站]，如图所示 新建网站对话框中，在“模板”中选择“ASP.NET网站”；在“位置”列表框中选“文件系统”，并在右侧的列表框中输入 “c:\nzxs”；在语言列表框中选“Visual C#”，点击“确定”按钮。进入“nzxs”网站，系统将自动创建“Default.aspx”网页并打开Default.aspx网页设计器，如图所示。 2．建立“pic”文件夹，存放网页图像文件。 在“解决方案资源管理器”窗口中，用鼠标右键“C:\nzxs”项目名称，弹出快捷菜单，如图5所示。 选择“新建文件夹”，将文件夹改名为[pic]，并将提供的所有图像文件拷贝到pic文件夹。 （二）网页整体布局 1．设置网页上边距和网页标题 在Default.aspx网页空白处点击鼠标右键，弹出“属性”窗口，在属性列表中，选“DOCUMENT”，如图8所示，将“TopMargin”值由默认的15改为0，使页面上边距为0px。并设置“Title”值为“瑞丰科技有限公司销售管理系统”，如图所示。 2．插入外层表 在菜单中，点击[布局]|[插入表]，在网页中插入1行1列的表格，并设置表格的宽度为100%，高度为100%，使表格能够适应任何比例及分辨率的屏幕，并使后面设计的网页能在表格中水平居中、垂直居顶。 插入表格时在“插入表”对话框中，设置“布局”和“属性”分组框中属性值，如图所示。 点击“单元格属性(L)…”按钮，出现单元格属性对话框，如图所示。取消“宽度”设置，“垂直对齐”选“top”，点击“确定”按钮。 3．插入中层表 在菜单上选择[布局]-[插入表]，在“插入表”对话框中，设置“布局”与“属性”值，如图所示。插入1行1列的中层表，指定网页外观大小为800px×635px。 用点击“单元格属性”按钮，设置“宽度”和“垂直对齐”方式，如图所示，点击“确定”按钮 4．插入内层表 在菜单上选择[布局]—[插入表]，在对话框中设置“布局”与“属性”值，如图所示。 点击“单元格属性”按钮，设置“宽度”和“垂直对齐”方式，如图所示，点击“确定”按钮。 5．设置表格行高及背景图像 选择内层表的第1行，点击右键，弹出“属性”窗口，设置“Height”为70px，点击“Style”右侧按钮，如图所示。 弹出“样式生成器”对话框，设置背景图像及属性。背景图像为pic/bt2.jpg，如图所示 选择内层表的第2行，点击右键，在“属性”列表中，设置[Height]为550px，设置[Style]，在“样式生成器”中设置背景图像为pic/backimg2.jpg。 选择内层表的第3行，点击右键，在“属性”列表中，设置[Height]为15px，设置[Style]，在“样式生成器”中设置背景图像及属性。背景图片为pic/bt9.PNG。 6．将内层表的第2行分为左右两栏，左栏为导航区，右栏为内容区。 选择内层表的第2行，选择菜单中 [布局]|[插入表]，插入1行2列的表格，表格属性设置如图所示。 设置单元格属性，如图所示，点“确定”按钮 选择表格的左列，右键属性，设[Width]为130px；同样方法设置右列列宽[Width]为670 px。如图所示 7．左列单元格中插入表格，以便导航控件布局 选择左列单元格，在菜单中点击 [布局]|[插入表]，插入10行1列表格，表格宽度为130px，如图所示。 设置单元格属性，如图所示，点“确定”按钮 8．右列单元格插入5行1列表格，以便显示网页主要内容 选择右列单元格，在菜单中点击 [布局]|[插入表]，插入5行1列表格，表格宽度为670px。属性设置参考上一步操作 （三）添加网页控件 1．选择左栏表格的第1行，右键属性，在属性列表中，设[Height]值为[70px]。点击[Style]的右边按钮，打开样式生成器。 在“样式生成器”中，点击[背景]、点击图像右边的[按钮]，选择[pic/dh1.png]，平铺列表中选[不平铺]、滚动列表中选[固定背景]、水平列表中选[居中]、垂