第八章 维护web-office办公自动化网站（一）
8。1 web-office办公自动化网站
8。2 部署并运行web-office办公自动化网站
网站源文件和数据库都设置好后,还需要使用IIS创建虚拟目录，步骤如下。
推荐步骤：
1.新建虚拟目录
  单击桌面上的“开始"按钮，选择“程序”——-“管理工具”—-—-Internet信息服务“窗口,右击”默认网站’ ，然后选择“新建 —--虚拟目录"，可新建虚拟目录，如图8。8所示。
2。设置虚拟目录别名
  单击“虚拟目录"，出现虚拟目录创建向导，单击'下一步“，输入别名hotop100oa，接下来将使用此名称来访问站点,如图8.9所示。
3。单击'下一步“，设置网站内容目录，单击“浏览”按钮选择网站原代码所在的物理路径，如图8.10所示。
4。设置虚拟目录访问权限
  单击'下一步’按钮，出现如图8。11所示的设置虚拟目录访问权限的窗口,选择权限为“读取”和“运行脚本’，这些权限是服务器上的所有ASP。NET应用程序的公共权限.
5，完成虚拟目录的创建
  单击“下一步“，然后再单击”完成“按钮，完成虚拟目录的设置。右击”hotop100oa"，选择“属性”命令如图8.12所示
6.设置ASPNET的版本
  根据 网站开发的环境使用的版本选择对应的ASPNET版本,选择“ASPNET”选项，设置如图8。13所示。
8.2。2修改数据库连接
  ASPNET最常用的连接数据库的配置文件是fig,利用dreamweaver打开web。Config文件，如图8.14所示。
  在web。Config文件中到〈appsettings>和〈/appsettings>,这段代码是连接数据库 代码，server是服务器的名称 ，database是数据库名称，uid和pwd分别是服务器数据库的登录名和密码.
<appsettings〉
<add key=”connectionstring” value="server"=localhost；database=hotop100;
          Uid=sa;pwd=*＊＊*＊＊”/〉
〈/appsettings>
  修改完数据库连接后，测试网站环境是否配置成功，打开浏览器在地址栏中输入localhost/hotop100oa/login。aspx,如果出现如图8.15所示的登录界面，表示网站环境配置成功，此办公自动化系统可以使用了。
8.3 修改登录页面
  需求分析：
●修改用户名和密码的textbox控件长度 为130px，高为20px，背景颜修改为#EFEFEF，字体颜为红,控件边框的颜修改为＃333333,边框粗细为1px。
●利用CSS制作样式，把’登录“控件”修改为图片控钮.
Textbox控件并没有专门的字体颜的属性，利用控件的forecolor属性来控制字体颜，修改完后的结果如图8。16所示。
推荐步骤
1)使用dreamweaver打开用户登录页面，显示代码视图查看代码，到创建用户名和密码的textbox的控件代码，如图8。17所示。
2)增加控件的属性，分别设置控件的背景颜和字体颜以及控件的边框属性,修改代码如图8。18所示。
3)设置按钮控件样式，在页面login.aspx中,在CSS面板中创建样式login，设置背景颜 为transparent,背景图像为login。gif,背景图像不重复显示，水平位置和垂直位置均居中,方框的宽度为70px,高为40px,边框的宽为0，光标的视觉效果为hand,设置完成的login代码如下所示.
/.login {
      Background-image：ur1（image/login。gif）；
      Background—repeat：no—repeat;
      Background—position:center center;
      Height:40px;
      Width:70px;
      Background-color:transparent；  //背景颜为透明
      Cursor：hand;
      Border—top—width:0px;
      Border-right-width:0px；
      Border—bottom-width：0px;
      Border-left-width:0px;
｝
（4） 设置按钮控件button的样式 ，在ASPNET中,CSSclass表示设置控件的CSS样式，相当于HTML的class,如图8.19所示。
（5)页面修改完毕，保存页面，在浏览器中查看页面效果如图8.16所示。
注意：在ASPNET中,CSS样式的设置是用cssclass，相当于HTML页面中设置样式不同的地方。
8.4 修改人事管理模块的页面
  人事管理功能模块下主要分为机构信息、部门信息、人员管理和人员照片四个功能模块，下面主要对 这四个功能模块下的页面进行编辑，主要编辑控件的位置、大小等属性，以改变页面的显示逻辑。
8。4。1 修改机构信息页面
  需求分析
●增加显示脚注，设置”更新机构信息"登录页面背景图对应列的脚注为” 打印机构信息”,并且设置脚注的背景颜为＃DEDEDE，行高为30px,字体加粗显示。
●改变机构信息标头的背景颜为＃DEDEDE，，行高为30px，字体加粗显示。
●修改机构信息显示表的行高为25px，奇数行背景颜为白,偶数行的背景颜为#DEDEDE，并且偶数行的字体颜为红。
●页面修改前后的对比效果分别如图8。20和图8.21 所示
推荐步骤：
1)使用dreamweaver打开机构信息页面mr/branchinf.aspx,查看代码视图，到设置datagrid控件的代码，添加显示脚注的代码showfooter=”true‘，如图8。22所示.
2)到设置标头和脚注的代码，设置背景颜 为#DEDEDE,行高为30px，字体加粗显示，如图8。23所示。
3)在“更新机构信息”对应列中,增加显示脚注信息的代码（footertext=”打印机构信息“）,如图8.24所示
4)修改奇偶行代码，设置偶数行的背景颜、行高和字体颜（backcolor=‘＃DEDEDE“height=" 25" forecolor=”＃FF0000’）如图8.25所示。
注意了：在ASPNET中，字体加粗显示是font-bold=”true“，相当于HTML中的〈b〉〈/b〉，设置字体颜是forecolor，与HTML中的color是一样的。
5）页面修改完毕，保存页面，在浏览器中查看页面效果如图8。21所示,共显示5条记录，在数据库中查看数据表mrbranch中一共有7条数据，如图8.26所示。
6）可以看到字段delflag列中为true的记录没有显示出来,只显示delflag字段列的值为flase的记录。在’机构名称“和’”机构简称"中分别输入“青鸟教育”，然后单击“添加’ 按钮，查看数据库mrbranch表，可以看到添加了一条记录,并且delflag列的字段值为false，如图8.27所示。
  7)在‘机构信息“页面可以看到多了一条' 青鸟教育“的记录，如图8.28所示。
  8）如果要删除“青鸟教育“这行记录，可以单击删除按钮，这样就删除了这条记录，页面上将不显示”青鸟教育“的记录。然后再数据库中查看数据表mrbranch,可以看到”青鸟教育“这条记录依然存在,如图8。29 所示,只是字段delflag的值变为true了。
8。4。2 修改部门列表页面
需求分析
修改部门列表页面mr/depinf.aspx，如图8.3所示。
●增加“新增“控件按钮 所在单元格的高度。
●修改页面显示部门信息的数量，设置每页显示10条信息。
●把显示页面链接数字居中显示,并且设置所在单元格的高度为30。
●修改标头的背景颜为＃DEDEDE，文字加粗显示.
●设置列表奇偶行的背景颜分别为白和#DEDEDE，并且设置行高为25,完成效果如图8.31所示。
推荐步骤
1）使用dreamweaver打开添加部门信息页面mr/depinf.asp，查看代码视图，到”新增“按钮所在的单元格,设置单元格高度为30。
2）到空件datagrid,修改页面显示信息数量的代码为pagesize=10,如图8.32所示，使每页显示10条信息。
经验总结：有时候设了pagesize=10，但是datagrid将所有的记录都显示出了，pagesize不起作用，为什么呢？答案：把datagrid的属性allowpaging设置为true了
3）到设置显示页面链接的代码<pagerstyle〉和〈/pagerstyle>，在这段代码之间设置高度
为20,居中显示horizontalalign=”center”,如图8.33所示，设置完成的效果如图8.34所示
4）设置控件datagrid的单元格的内容和单元格边界的空白大小为0（cellpadding=”0”）。到〈alternatingitemstyle〉和</alternatingitemstyle〉之间的代码，修改背景颜为#DEDEDE,高度为25。到<itemstyle>和</itemstyle〉之间的代码，修改背景颜为白，高度为25。到设置标头样式的〈headerstyle〉和〈/headerstyle〉的代码，设置背景颜为#DEDEDE，高度为30,字体加粗显示，如图8.35所示。
5）页面设置完成后,在浏览器中查看页面效果如图8.31所示.在数据库中查看数据表mrdepartment中的数据，如图8.36所示。
6）从数据表mrdepartment中的记录 可以看到,此表也有一列字段delflag，其值均为false,并且从部门信息页面也可以看到,这些记录都在页面上显示。现在把数据表中前5条记录的delflag一列的字段值手动修改为true，然后刷新部门信息页面.可以看到delflag一列被设置为true的记录信息没有显示在页面上,如图8.37所示。
7）修改“综合部“的部门信息,直接单击"综合部“超链接，打开修改部门信息页面，修改部门所属的机构为”日新“，并且增加其负责人、电话号码、传真等信息，如图8.38所示。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。