网站建设报告HONG.doc

广东石油化工学院 生产实习报告 论文题目 基于PHP的贴吧系设计与实现 组员姓名 胡国洪 班 级 电子09-2 指导教师 吕晓兰 2012年11月30日Windows（Apache+MYSQL+PHP）网站设计摘要本文首先介绍了当今网站的基本概念及发展概况，阐述了本网站设计的原则和意义。然后具体的说明了网站制作所用到的相关软件的特点及工具的基本常识，其中主要包括用Apache作为服务器软件，用Dreamweaver作为开发工具，以HTML+CSS进行前段界面开发，用Photoshop和Firewords进行图片处理，获得网站前段页面必要素材；用PHP+MySQL以模块方式实现网站后台动态数据存取，做成一个可移植强的贴吧聊天系统，其过程涉及了网站的立意、策划、页面设计以后台模块划分以及数据库设计问题。本网站网站页面主要包括用户页面和后台管理页面，通过HTML定义模板，实现了代码重用；后台PHP模块对HTML模板进行翻译并对MYSQL数据库进行查询输出和数据存储。通过这次设计，作者对网站的设计与开发过程有了深刻的认识，同时也获得了一些网站制作的技术和技巧，积累了一定的实际经验。关键词：网站，Apache，PHP+MySQL，设计与开发Windows(Apache+PHP+MySQL) website designAbstractThis paper first introduces the basic concept and development overview of the site today,and elaborated the principles and significance of the site design. And specific description of the basic knowledge of the relevant features of the software and tools used in the production site, which includes Apache as the server software as a development tool Dreamweaver, HTML + CSS front-end interface development, with Photoshop and Fireworks picture processing, to obtain the necessary images of the front-end page of the site; with PHP + MySQL module dynamic data access website background, made it a usefull portable chat system.The process involves a site conception, planning, page design the station module division, and database design. Page of this Site, including user page and Admin page by the HTML template in order to reuse code ; background PHP module HTML template for translation and MYSQL database query output, and data storage. Through this design, the authors have a deep understanding of website design and development process, but also access to some websites making technology and skills, and accumulated a certain amount of practical experience. Key Words：website, Apache, PHP+MySQL， design and development1 绪论51.1网站的介绍及发展现状51.2 网站的组成52.1 HTML简介52.2 PHP技术62.2.1 PHP简介62.2.2 PHP开发平台72.2.3 PHP文件组成72.3访问数据库的实现方法72.3.1 MYSQL数据库 MYSQL简介 MYSQL特点特性 MYSQL数据库应用环境93 系统分析与设计93.1 概述93.2需求分析93.2.1需求分析概述92.2.2系统的项目规划103.2.3系统设计原则103.3 系统设计103.3.1系统功能设计103. 3.2 PHP代码功能模块划分113.4数据库设计123.5 开发工具194 系统实现194.1贴吧前台模块194.1.2 贴吧列表介绍204.1.2 个人中心介绍214.1.3 个人中心介绍234.2贴吧后台模块234.2.1 后台登陆界面。244.2.2 后台首页界面。244.2.3 系统设置-基本设置界面。254.2.4 系统设置-邮件配置界面。264.2.5 贴吧管理-分类管理界面。274.2.6 贴吧管理界面。284.2.7 内容管理界面。304.2.8 会员模块界面。314.2.9 扩展模块界面。324.3贴吧安装页面331 绪论 1.1网站的介绍及发展现状所谓网站（Website），就是指在因特网上，很据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，它就是一种通讯工具，人们可以通过网站来发布自己想要公开的咨询，或者利用网站来提供相关的网络服务。如今，随着网站建设技术的成熟和成本的降低，各式各样的网站如雨后春笋，各种论坛、网购网站、门户网站和公司网站等不可胜数。随着Internet的飞速发展，各种新技术应运而生，Web的发展规模也逐渐增大。网站设计可谓日新月异，众多新概念层出不穷。随着网站建造技术的进展和人们对网络环境及其效用的认知演变，网站设计已由简单的静态Html页面发展到富有多媒体动态网站，能够与访客以精细熟练的方式进行互动。1.2 网站的组成这里以建立一个拥有动态交互功能，具备数据库的网站建设进行讨论。网站建设必须具备必要的硬件和软件。在早期，域名、空间服务器与程序是网站的基本组成部分，随着科技的不断进步，网站的组成也日趋复杂，目前多数网站由域名、空间服务器、DNS域名解析、网站程序、数据库等组成。2 网站关键技术介绍2.1 HTML简介HTML是Hypertext Markup Language(超文本标记语言)的缩写，它是构成Web页面(Page)的主要工具，是用来表示网上信息的符号标记语言。在网上，如果要向全球范围内出版和发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于出版的“母语”。WWW (World Wide Web)所使用的出版语言就是HTML语言。通过HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML“翻译”成可以识别的信息，就是我们现在所见到的网页。HTML的功能主要有：（1） 出版在线的文档，其中包含标题、文本、表格、列表以及照片等内容。（2） 通过超链接检索在线的信息。（3） 为获取远程服务而设计表单，可用于检索信息、定购产品等。（4） 在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他一些应用。HTML实际是组合成一个文本文件的一系列标签。HTML标签通常是英文词汇或缩略语(如P代表Paragragh)，但它们与一般文本有区别，因为它们放在小三角括号里，并且是成对出现的。每当使用一个标签-如，则必须以另一个标签将它关闭。一个HTML文件大体分为以下几部分：网页标题网页的内容其中：.：表示这是一个HTML文件.：表示这是网页的头部分.：网页的标题. ：网页的正文部分2.2 PHP技术2.2.1 PHP简介PHP（Hypertext Processor）是目前最常见的用来生成动态网页的工具之一，也是一种易于学习和使用的Web服务器端脚本描述语言。它是一种HTML（Hypertext Markup Language, 超文本链接标示语言）内嵌式的语言（类似于IIS上的ASP），而且PHP的语法融合了Unix Shell、C、C+、Java、Perl以及PHP自己的特性，同传统的CGI或者Perl相比，PHP的语法规则更简单，开发效率更高。此外，PHP4.0的源代码是完全公开的。任何热心于PHP的程序员都可以为PHP添加新的函数库，这使得PHP更有活力。目前，可用于编写Web服务器端脚本的语言不下几十种，但比较常用的却只有PHP、ASP、Perl、JSP等有限的几种，同其他脚本描述语言相比，PHP有其自身的优势：（1）没有运行费用；（2）基于服务器端；（3）强大的数据库支持；（4）PHP最强大、最突出的特性在于它能支持大量的数据库，使得编写基于数据库的网页变得越来越简单；（5）跨平台； PHP是一种跨平台的服务器端脚本描述语言。PHP可以安装在Unix、Linux或者Windows平台上，然后配合相应的Web服务器来提供相应的服务，因此用PHP写出来的程序可以非常轻易地移植到不同的操作系统平台上。嵌入到HTML。PHP可以直接嵌入到HTML内部，而不需要通过编译，因此PHP是解释型的语言（Interpret），使用起来很方便。（6）简单高效。和Java、Perl、C+等程序设计语言不同，PHP坚持以基本语言为基础，但同时它的功能又能够强大到足以支持任何类型的Web站点。（7）支持多种网络协议，良好的可扩充性；它在这方面支持了相当多的通讯协议，这主要包括：1 与电子邮件相关的：IMAP POP3；2 网管系统：SNMP；3 网络新闻：NNTP；4 账号共用：NIS；5 全球信息网：HTTP及Apache；6 目录协议LDAP以及其他网络的相关函数。除此之外，用PHP写出来的Web后端CGI程序，可以很容易地移植到不同的操作系统上。2.2.2 PHP开发平台 目前大多数支持PHP的网站都采用Linux作为操作系统，Apache作为Web服务器，Mysql作为数据库（LAMP）的方案。Linux和Apache都是功能强大的免费软件，对硬件要求不高，是中小型网站的理想平台。所需软件： （1）PHP源程序C语言代码。 （2）MySQL源程序 （3）Apache 源程序 （4）Linux系统 以上这些软件因为都免费软件，所以在安装了Linux之后，这些软件都是随操作系统装上（需要在安装时选中相应的软件包），而且环境基本上都配好，只要启动相应的服务就可以了。启动Apache服务：service htt pd start启动MySQL数据库：mysqld_safe - -user=mysql一切配好之后，我们就可以利用Mozilla来访问我们的PHP程序了。2.2.3 PHP文件组成PHP文件以结尾，一个*.php文件是一个文本文件，它可以用Dreamweaver来进行设计。一般来说，PHP文件由HTML标记和JQuery或者JavaScript程序代码混杂在一起构成的，它是一个标准的网页。如下面例子所示：2.3访问数据库的实现方法（1）首先介绍一下web数据库架构：浏览器服务器PHP引擎Mysql服务器如2-1图所示： 1 2 3 6 5 4图2-1 web数据库架构从web查询数据的基本步骤： Step1: 检查并过滤来自用户的数据；Step2: 建立一个适当的数据库连接；Step3: 查询数据库；Step4: 获取查询结构；Step5: 将结果显示给用户。（2）此系统我采用了WAMP作为开发环境，它是一个将PHP与Mysql5.0集成起来的开发环境，所以当服务器打开后，连接数据库的方法较为简洁，可用一下语句： 连接数据库mysql_connect打开一个到MySQL服务器的链接；语法格式：resource mysql_connect (主机,用户名,密码) ；选择数据库：mysql_select_db(数据库名称,链接标示符)；关闭数据库：mysql_close()；2.3.1 MYSQL数据库 MYSQL简介MySQL最初的开发者的意图是用mSQL和他们自己的快速低级例程(ISAM)去连接表格。不管怎样，在经过一些测试后，开发者得出结论：mSQL并没有他们需要的那么快和灵活。这导致了一个使用几乎和mSQL一样的API接口的用于他们的数据库的新的SQL接口的产生，这样，这个API被设计成允许为用于mSQL而写的第三方代码更容易移植到MySQL。MySQL这个名字是怎么来的已经不清楚了。基本指南和大量的库和工具带有前缀“my”已经有10年以上，而且不管怎样，MySQL AB创始人之一的Monty Widenius的女儿也叫My。这两个到底是哪一个给出了MySQL这个名字至今依然是个迷，包括开发者在内也不知道。MySQL的海豚标志的名字叫“sakila”，它是由MySQL AB的创始人从用户在“海豚命名”的竞赛中建议的大量的名字表中选出的。获胜的名字是由来自非洲斯威士兰的开源软件开发者Ambrose Twebaze提供。根据Ambrose所说，Sakila来自一种叫SiSwati的斯威士兰方言，也是在Ambrose的家乡乌干达附近的坦桑尼亚的Arusha的一个小镇的名字。 MYSQL特点特性（1）使用C和C+编写，并使用了多种编译器进行测试，保证源代码的可移植性（2）支持AIX、FreeBSD、HP-UX、Linux、Mac OS、Novell Netware、OpenBSD、OS/2 Wrap、Solaris、Windows等多种操作系统（3）为多种编程语言提供了API。这些编程语言包括C、C+、Python、Java、Perl、PHP、Eiffel、Ruby和Tcl等。（4）支持多线程，充分利用CPU资源（5）优化的SQL查询算法，有效地提高查询速度（6）既能够作为一个单独的应用程序应用在客户端服务器网络环境中，也能够作为一个库而嵌入到其他的软件中提供多语言支持，常见的编码如中文的GB 2312、BIG5，日文的Shift_JIS等都可以用作数据表名和数据列名（7）提供TCP/IP、ODBC和JDBC等多种数据库连接途径（8）提供用于管理、检查、优化数据库操作的管理工具（9）可以处理拥有上千万条记录的大型数据库 MYSQL数据库应用环境与其他的大型数据库例如Oracle、DB2、SQL Server等相比，MySQL自有它的不足之处，如规模小、功能有限（MySQL Cluster的功能和效率都相对比较差）等，但是这丝毫也没有减少它受欢迎的程度。对于一般的个人使用者和中小型企业来说，MySQL提供的功能已经绰绰有余，而且由于MySQL是开放源码软件，因此可以大大降低总体拥有成本。目前Internet上流行的网站构架方式是LAMP（Linux+Apache+MySQL+PHP），即使用Linux作为操作系统，Apache作为Web服务器，MySQL作为数据库，PHP作为服务器端脚本解释器。由于这四个软件都是免费或开放源码软件（FLOSS)，因此使用这种方式不用花一分钱（除开人工成本）就可以建立起一个稳定、免费的网站系统。3 系统分析与设计3.1 概述本章在阐述系统需求分析和系统设计目标的基础上，对“贴吧系统”的功能进行设计。在数据库设计时通过E-R图来描述各个实体间的关系，清晰的展示了MYSQL关系数据库的强大的功能，用UML建模工具描述系统涉及到的时间流，以及系统运行环境的搭建，真实的模拟了一个网站项目的功能的设计与实现、项目的总体结构设计和模块设计、提交网站项目整个流程。3.2需求分析3.2.1需求分析概述经过对此网站进行详细的需求分析以及参考类似网站的结构，制定了该系统所应达到的总体目标及功能目标。（1） 设计目标建立一个具有数据库的动态贴吧网站，具有用户页面和管理员后台管理页面，用户注册登录之后，可以在“个人中心“更改自己的个人信息，可以申请建立某一名称的贴吧，可以在已建立的贴吧发帖或者回复已有帖子，以及想好友发送站内信息。用户可以在主页和个页面之间相互跳转，首页列出已建立的贴吧分类，同时顶提供搜索框可以快速找到感兴趣的贴吧。后台管理平台首先是一个管理员登陆界面，登陆之后就是后台管理页面，管理员可以对帖子进行审核等各项操作。2.2.2系统的项目规划贴吧系统是一个功能完善的社交类论坛网站，由前台贴吧发帖、浏览和后台内容、权限管理两个大部分组成。（1）前台功能模块首页、贴吧列表、站内消息、个人中心、后台管理登陆、贴吧系统安装。（2） 后台管理模块 包括几大模块：后台首页、系统设置、贴吧管理、内容管理、会员模块、扩展模块。每个模块包含必要的内容，以完善所需功能。3.2.3系统设计原则(1) HTML(超文本标记语言)和CSS（级联样式表）相互独立，使得网页内容和外观或者叫做样式互不相关，方便对网页外观进行统一的风格设计，也避免代码冗余。同时采用了HTML模板的方式，对一类页面只需要设计一个模板。 (2) 后台PHP代码按模块设计，结构和功能划分清晰，利于代码的阅读、维护和网站功能扩展和修改。(3) 具有很好的移植性和方便二次开发，根据不同类型系统的需要，设计不同的HTML模板和CSS，就可以方便修改网站外观以及风格，同时支持网站的安装，后台管理支持便修改网站相关参数。3.3 系统设计3.3.1系统功能设计整个系统功能设计如图2-3-1所示：贴吧系统 前台页面 后台管理首页贴吧列表站内信息后台登陆个人中心贴吧系统安装后台首页系统设置贴吧管理会员模块内容管理扩展模块管理员登陆 图2-3-1 系统模块3. 3.2 PHP代码功能模块划分PHP代码分为前台实现用户发帖等各种操作的代码、后台管理实现代码和核心代码三大部分，其基本原理都是对MYSQL数据库的储存和查询、排序输出等操作；另外一方面，PHP代码实现了对自定义HTML模板进行“翻译”，把数据库读出的数据和模板组合生成HTML文件，实现了模板的复用。前台实现代码主要完成用户发帖数据保存、文件上传、数据库数据查询等功能。后台实现代码主要完成网站基本信息的配置、贴吧分类、新贴吧建立、会员权限管理、扩展功能等模块。核心代码主要是定义了对数据库访问的函数接口，错误信息处理及提示、对模板的翻译、相关参数配置、文件包含加载等操作。每一类功能写一个类文件，利用面向对象的方法实现所需功能，下面分别给出前台模块和后台模块结构图2-3-2a和2-3-2b。 后台管理模块分类模块内容模块系统设置模块贴吧模块会员模块扩展模块首页模块通用模块邮件配置模块 图2-3-2a前台模块 首页 帖子内容相关 信息中心 登陆 会员信息验证 个人中心 Ucenter API接口 贴吧管理 文件上传 搜索功能 图2-3-2b3.4数据库设计本系统用的是MYSQL数据库，根据贴吧系统的需要设计若干个数据表组成系统的数据库。经过分析，决定建立以下几个数据表。下面分别简述各个表的结构。 （1） 管理员信息表 管理员信息表包含管理员的个必要信息，以便后台登陆的时候进行数据库验证。管理员的属性包括id、组id、用户名、密码、登陆时间、登陆IP、是否锁定标志。数据类型、以及是否能够默认为空、默认值等详细信息见下表。字段类型Null默认idint(10)是NULLgroupidtinyint(4)是1usernamevarchar(20)是NULLpasswordvarchar(32)是NULLlogin_timeint(10)是NULLlogin_ipvarchar(15)是NULLlocktinyint(3)是0（2） 吧主申请表吧主申请表主要用于存储申请吧主的会员相关信息，此表包括以下字段：申请序号、吧主类型、用户名、用户ID、贴吧名称、贴吧ID、申请信息、申请时间。数据类型、以及是否能够默认为空、默认值等详细信息见下表。字段类型空默认aidint(10)否typetinyint(1)否unamechar(15)否uidmediumint(8)否0fnamechar(15)否fidsmallint(6)否0messagechar(95)否datelineint(10)否0（3） 附件 附件表主要用于记录用户发帖的附件信息，此表包括以下字段：附件编号、附件所属模块、附件原始文件名、附件保存路径、附件大小、附件文件扩展名、是否是图片等，详细信息如下表。字段类型空默认aidint(10)否modulechar(15)否filenamechar(50)否filepathchar(200)否filesizeint(10)否0fileextchar(10)否isimagetinyint(1)否0isthumbtinyint(1)否0downloadsmediumint(8)否0uidmediumint(8)否0usernamevarchar(20)否uploadtimeint(10)否0uploadipchar(15)否statustinyint(1)否0authcodechar(32)否（4） 贴吧分类 贴吧分类表用于保存贴吧分类的各项信息，此表主要包括以下属性：类目编号、父类目编号、分类名称、关键词、描述、子域名等。数据类型、以及是否能够默认为空、默认值等详细信息见下表。字段类型空默认idint(10)否pidint(10)否0namevarchar(100)否keywordsvarchar(255)是NULLdescriptionvarchar(255)是NULLsubdomainvarchar(80)否（5） 贴吧表 贴吧表用于保存所有每个贴吧的先关信息，包含以下主要属性：贴吧编号、分类编号、一级分类编号、贴吧名称、贴吧描述、创建时间、吧主等。详细字段如下表。字段类型空默认fidint(10)否cat_idint(10)否cat_tidint(8)否fnamevarchar(100)否thumbvarchar(200)否keywordsvarchar(255)是NULLdescriptionvarchar(255)是NULLstatustinyint(4)否1bar_orderint(8)否recommendtinyint(3)否0create_timeint(10)否create_uidint(10)否bar_adminvarchar(200)否subdomainvarchar(80)否（6） 待审核贴吧表 待审核贴吧表主要是用于保存会员申请建立的贴吧信息，以便管理员后台审核是否通过允许建立该贴吧。主要熟悉包括：贴吧编号、贴吧名称、申请者用户名、申请时间等，结构如下表。字段类型空默认fidmediumint(8)否fnamechar(15)否synopsischar(95)否founderchar(15)否datelineint(10)否ipaddresschar(15)否（7） 热帖排行榜 热帖排行榜表用于统计各个帖子的详细访问情况，用于首页排行榜。表字段有日浏览量、昨日浏览量、月浏览量、更新时间等。数据类型、以及是否能够默认为空、默认值等详细信息见下表。字段类型空默认idint(8)否catechar(30)否fidsmallint(5)否0viewsint(10)否0yesterdayviewsint(10)否0dayviewsint(10)否0weekviewsint(10)否0monthviewsint(10)否0updatetimeint(10)否0（8） 友情链接 友情链接表用于保存后台扩展模块的友情链接设置数据。详细信息见下表。字段类型空默认idint(6)否link_namevarchar(50)否link_urlvarchar(200)否link_logovarchar(200)否link_orderint(6)否（9） 会员信息表。此表用于保存会员的注册信息。包括ID、用户名、注册邮箱、密码、安全码、地址、性别等信息。详情见下表。字段类型空默认uidmediumint(8)否usernamechar(15)否emailchar(45)否passwordchar(32)否securekeychar(10)否regdateint(10)否regipchar(15)否lastdateint(10)否lastipchar(15)否integralint(10)否0groupidtinyint(1)否1avatarint(8)否0sextinyint(2)否provincevarchar(40)否cityvarchar(40)否countyvarchar(50)否qqint(10)否birthdaydate否signchar(255)否connectidchar(32)否fromchar(10)否（10） 黑名单黑名单表用于保存黑名单会员信息，禁止黑名单用发言。字段类型空默认bidint(10)否fidsmallint(6)否0uidmediumint(8)否unamechar(15)否datelineint(10)否0adminidmediumint(8)否adminnamechar(15)否（11） 站内信息 站内信息表用于保存用户之间或者系统发给用户的站内信息。站内信息实体应该包含的属性：信息编号、发送者、接受者、信息文件夹、已读状态、信息时间、主题、内容、回复等。详细情况见下表。字段类型空默认messageidint(10)否send_from_idchar(30)否0send_to_idchar(30)否0folderenum(all, inbox, outbox)否statustinyint(1)否0message_timeint(10)否0subjectchar(80)是NULLcontenttext否replyidint(10)否0del_typetinyint(1)是0 （12） 发帖信息、回信息帖统计表此表用了统计贴吧内所有帖子的发帖、回帖情况，方便对全站帖子信息进行显示。此表包含的属性有：信息编号、信息所属分类编号、帖子编号、楼层、作者、信息主题、发表者IP等，详情见下表。字段类型空默认pidint(10)否fidsmallint(6)否0tidmediumint(8)否0replyfloorsmallint(6)否0floorint(8)否1authorchar(15)否authoridmediumint(8)否1authoricotinyint(1)否1guestnametinyint(1)否subjectchar(60)否datelineint(10)否0postipchar(15)否upmediumint(8)否0downmediumint(8)否0wavemediumint(8)否0（13） 帖子内容 此表保存发帖和回帖的帖子内容。包含有帖子编号、信息编号、信息内容。个字段数据类型、默认值等详情见下表。字段类型空默认pidint(10)否tidmediumint(8)否messagemediumtext否（14） 举报 举报表保存用户对某一帖子内容的举报信息。包含以下属性：举报编号、被举报用户、被举报用户编号、帖子编号、分类编号、被举报信息编号、举报者等。详情见下表。 字段类型空默认ridint(10)否unamechar(15)否uidmediumint(8)否0fidsmallint(6)否0tidmediumint(8)否0pidint(10)否0authorchar(15)否authoridmediumint(8)否0messagechar(90)否datelineint(10)否0 （15） 帖子主题 此表保存主题帖子的各项信息。包括帖子编号、类目编号、主题、图片、发表时间、最近编辑时间、浏览数、回复数等。字段类型空默认tidmediumint(8)否fidsmallint(6)否0authorchar(15)否authoridmediumint(8)否0authoricotinyint(1)否1subjectchar(60)否thumbvarchar(250)否0datelineint(10)否lasttimeint(10)否0lastauthorchar(15)否lastauthoridmediumint(8)否lastauthoricotinyint(1)否1viewsint(10)否0repliesmediumint(8)否0sticktinyint(1)否0digesttinyint(1)否0lockouttinyint(1)否0statustinyint(1)否（16） 图片帖子 专用于有图片的帖子保存，用于快速查找显示在首页热点图文模块。此表包含以下字段：图文贴编号、帖子全局编号、分类编号、标题、图片链接、编辑时间等。详情见下表。字段类型空默认idint(8)否tidint(8)否fidint(8)否titlechar(200)否thumbchar(200)否timeint(10)否posint(4)否3.5 开发工具本系统是在Windows XP操作平台上调试，利用了Editplus编辑工具和WAMP集成环境开发设计，并利用免费虚拟服务器成功在因特网上发布。4 系统实现4.1贴吧前台模块前台页面使用模板设计，每个页面的页头（header）和页脚（footer）都是相同的模板，中间内容部分根据不同内容采用不同模板，这样三部分相互组合就成了不同的页面，同时保持了网站风格和结构的统一协调。4.1.1 首页介绍（1）功能介绍本贴吧系统界面简洁大方，首页主要包括网站LOGO、搜索框，贴吧推荐、热点图文、友情链接，右侧还有热帖排行榜，右上角上用户中心相关入口。（2）界面实现如图4-1-1所示。 图4-1-14.1.2 贴吧列表介绍（1）功能介绍贴吧列表，左侧是贴吧分类，右侧的贴吧列表。（2）界面实现如图4-1-2所示。图4-1-24.1.2 个人中心介绍（1）功能介绍个人中心又分为三个面板，分别是“我的动态”、“基本资料”、“个人头像”。我的动态展示的是会员自己的发帖和帖子被回复情况列表；基本资料是一个表单，供用户修改自己的基本信息；个人头像提供上传头像功能。（2）界面实现“基本资料”界面如图4-1-2a所示。“我的动态”页面如图4-1-2b所示。“个人头像”页面如图4-1-2c所示。图4-1-2a图4-1-2b图4-1-2c4.1.3 个人中心介绍（1）功能介绍个人中心又分为三个面板，分别是“发信箱”、“收信箱”、“发送信息”。“发信箱”和“收信箱”分别显示已发信息和收到的信息；发送信息面板是一个信息发送表单，可以向站内用户发送消息。（2）界面实现“发信箱”和“收信箱”界面类似，下面给出“发信箱”如图4-1-3a所示。“发送信息”界面如图4-1-3b所示。图4-1-3a图4-1-3b4.2贴吧后台模块后台页面同样使用模板设计，每个页面的页头（header）和页脚（footer）都是相同的模板，中间内容部分根据不同内容采用不同模板，这样三部分相互组合就成了不同的页面，同时保持了网站风格和结构的统一协调。下面介绍主要的功能界面。4.2.1 后台登陆界面。（1） 功能介绍后台登陆界面是网站管理员验证登陆页面