1、首页设计与实现

　　首页的设计：运行程序时，首先进入的是系统的前台主界面，使用DIV+CSS的框架模式编写，为了达到页面整体效果的美观与和谐，将该也分为三个部分：顶部、中部、尾部。该页顶部包括本系统的商标与进行招商的广告位，内容包括三个图片，该页中部包括左侧的连接导航，与右侧的最新社区公告和最新出租信息两个信息窗体。该页的尾部包含本站的声明，与举报不良信息，网络警察的友情链接项，使用图片链接的方式布局，使页面内容达到充实与完整。

　　首页的实现：通过style属性来更改图片的位置、大小、浮动、内边距、和外边距等样式。中间主体内容部分的左侧部位包含几个跳转框，分别可以进入物业人员登录界面，住户登陆界面，还有网站管理者登录界面与公告内容界面等。实现方法是使用超链接，布局和样式则使用的CSS模板库。中间主体内容部分的右侧包含最新的十条出租信息与最新的公告信息，其中出租信息内容包含出租时间，房间出租大小还有出租的价格，公告信息内包含标题与基本内容还有公布时间。具体的方法是使用ASP中的GridView插件，通过此插件直接访问数据库的内容，进行数据连接，将内容提取出来，再具体列的更改，达到预期效果。主页的尾部位置实现方法是使用超链接并配合上图片，进行布局，达到相应效果。

　　2、用户登录设计与实现

　　用户登录的设计：此为员的登陆窗体为了保证系统的安全性，需要验证用户名和密码。用户输入用户名和密码，系统根据用户输入的账号和密码，到数据库中去查询所有用户的信息，如果没有该用户的信息，则用户不能登录，会显示用户名或密码错误的提示窗口，如果有相应的信息，则说明用户是合法的用户，用户成功登录。将会跳转到后台管理界面的主页中。

　　用户登录的实现：具体方法是使用两个文本框和两个按钮实现的，其中的登陆按钮触发事件为：将文本框的具体内容与数据库进行比对，返回查询结果，使用if{}else语句进行判断，如果查询结果大于0则说明输入的内容合法，则可登陆，查询结果小于0，则说明输入错误，无法登陆，会触发提示窗体，页面中的另一个按钮，则可触发跳回主页。

　　3、物业管理页设计与实现

　　物业管理页的设计：当登陆成功后会跳到此页，此页为物业管理的主体内容区域，使用母版页编写了顶部尾部和左侧的导航模块，使用的仍是DIV+CSS布局。其中的左侧区域可以跳到各个模块，同时通过该控件链接到各个模块分页内，非常方便。右侧为母页模板的可变内容区域。当选择导航页的具体内容时则会在右侧的可变内容区域内显示具体信息，尾部则是声明和版权所有的公告。

　　物业管理页的实现：顶部图片区域使用DIV排版，内部包含图片的引用，使用style样式更改图片的长度和高度，中间部分的左侧使用ascx窗体控件实现的，具体方法是使用TreeView此控件建立根节点和叶子节点，并实现叶子节点的超链接，可以连接到各个具体模块的界面。

　　4、缴费管理的设计与实现

　　缴费管理的设计：物业缴费模块的作用是对社区物业收费进行总体的管理，因为缴费项目包括水费、电费、煤气费、物业费、其他杂费等多项数据，为了方便这些数据的整体管理，所以用表格的方式来将这些信息展示出来，物业管理人员可以对这些信息进行具体的操作。可以使用按钮来对每一条缴费信息的内容进行操作。由于缴费操作数据的复杂，因此还准备了另外一张表格，缴费单据表格，这一内容是对具体缴费操作的记录，能够完善缴费管理，保证信息的完整性。同时还有两个子页，分别是对缴费信息项目的添加，和缴费单据项目的添加，这样就能在物业管理内容变化时，可以同时对表单的数据进行更改。

　　缴费管理的实现：方法是通过母版页和可变内容区域的GridView控件实现的，通过此控件与数据库进行绑定，提取数据库内的信息，再在DAL层写出相关的SELECT、INSERT、DELETE、UPDATE等方法，使用GridView控件链接数据源也就是DAL层中的pfeesDAO()函数中的对象，来实现此内容的显示。通过GridView链接数据源后能够进行更新和删除两种操作，实现了缴费管理的主要功能，但由于此控件生成的多余代码行较多，会在以后编程时尽量少用。而缴费项目的添加则使用txtbox和button按钮进行的，方法是在button触发事件中，对数据进行录入和绑定，将信息传入数据库即可。

　　5、投诉管理的设计与实现

　　投诉管理的设计：此页嵌套在母版页之中，包括一个投诉信息表，信息表包括投诉的内容、投诉人、时间等信息，还包括投诉回复子页，能够让物业人员对投诉信息进行回复，每一条信息文本框体后都要有相应的信息提示，能够告诉使用者如何填写信息，投诉页面保持简单工整的设计思想，让人一目了然，字与字之间做到整齐统一。字体颜色与界面颜色相称，文本框和信息都要做到居中，并且行与行的间距要足够，表格的整体不能太大，但又要做占到大半个页面，使界面保持充实性。

　　投诉管理的实现：使用的布局是DIV+CSS的方法，其中CSS布局通过查找模块id对其style样式的更改，如字体的颜色，长度，宽度，内边距，外边距的更改，达到页面布局的美观与和谐。当物业人员，单击投诉管理模块时，会有两个下拉菜单，一个是投诉信息的查看，一个是对未回复的投诉信息进行回复，功能具体是输入回复内容，和回复编号，并且添加处理人的信息，点击提交按钮，系统会将此信息录入数据库，并且将内容更新到住户的投诉回复显示页面内。实现方法通过txtbox执行输入内容，并通过RequiredFieldValidator控件判定输入内容不能为空，再使用按钮进行事件的触发，使输入的内容与数据库进行绑定，执行信息的录入，如果信息录入错误，会跳转到页面出错页。

　　6、公告管理设计与实现

　　公告管理的设计：公告管理模块的作用是对社区公告进行总体的管理，因为公告项目包括公告标题，公告内容，公告时间等数据，为了方便这些数据的整体管理，所以用表格的方式来将这些信息展示出来，物业管理人员可以对这些信息进行具体的操作。可以使用按钮来对每一条公告信息的内容进行操作。物业人员还可以通过另外一个子页，对公告信息进行添加，这样就能在物业公司有新的信息时，可以及时通告业主。公告页面保持简单工整的设计思想，让人一目了然，字与字之间做到整齐统一。字体颜色与界面颜色相称，文本框和信息都要做到居中，并且行与行的间距要足够，表格的整体不能太大，但又要做占到大半个页面，使界面保持充实性。

　　公告管理的实现：使用的布局是DIV+CSS的方法，其中CSS布局通过查找模块id对其style样式的更改，如字体的颜色，长度，宽度，内边距，外边距的更改，达到页面布局的美观与和谐。当物业人员，单击公告管理模块时，会有两个下拉菜单，一个是公告信息的查看，一个是对公告信息进行添加，功能具体是输入公告的具体内容，标题和时间，点击提交按钮，系统会将此信息录入数据库，并且将内容更新到主页的最新公告页面内。实现方法通过txtbox执行输入内容，并通过RequiredFieldValidator控件判定输入内容不能为空，再使用按钮进行事件的触发，使输入的内容与数据库进行绑定，执行信息的录入，如果信息录入错误，会跳转到页面出错页。

　　7、社区管理的设计与实现

　　社区管理的设计：社区管理模块的作用是对社区的基本信息进行总体的管理，为了方便这些数据的整体管理，所以用表格的方式来将这些信息展示出来，物业管理人员可以对这些信息进行具体的操作。物业人员注册时，会先跳转到一个社区添加页面，保证每个管理员都有其相应的社区，页面保持简单工整的设计思想，让人一目了然，字与字之间做到整齐统一。字体颜色与界面颜色相称，文本框和信息都要做到居中，并且行与行的间距要足够，表格的整体不能太大，又要占到大半个页面，使界面保持充实性。

　　社区管理的实现：使用的布局是DIV+CSS的方法，其中CSS布局通过查找模块id属性对其style样式的更改，如字体的颜色，长度，宽度，内边距，外边距的更改，达到页面布局的美观与和谐。当物业人员，单击社区管理模块时，会有两个下拉菜单，一个是社区信息的查看，一个是对社区信息进行添加，功能具体是输入社区信息，使用txtbox对数据进行读取，并通过RequiredFieldValidator控件判定输入内容不能为空，再通过UPDATE方法进行数据的添加，再使用按钮进行事件的触发点击提交按钮，系统会将此信息录入数据库，并且将内容更新到上一界面的GridView控件中。如果信息录入错误，会跳转到页面出错页。