网站内容与功能设计(中国人民大学之商学院网站建设流程及案例分析报告)

　　网站内容与功能设计(中国人民大学之商学院网站建设流程及案例分析报告)

　　内容

　　1 简介------------------------------------------------ -------------------------------------------------- ------1 2 开发环境-------------------------------------- -- ------------------------------------------------ -- ------1 3网站 构建过程--------------------------------- -- ------------------------------------------------ -- -------3 3.1网站分析设计阶段----------------------------- --- ---------------------------------------------3 2 ．2.1 澄清建站目的------------------------------------------- - ----------------------------------3 2.2.2 可行性分析 ----- ----- --------------------------------------------- ----- ---------------3 2.2.1 网站 风格设计-------- -------- ------------------------------------------ -------- -4 2.2.1 网站效果的设计---------------------------------------- ------------- -------------------------------------4 3 ．2网站内容设计阶段--- ----------------------------------------------- ------ --------------------------5 4网站具体实现阶段-网页设计----- ----- --------------------------------------------- ----- -----------5 5网站测试------------------------------ ------------------ -------------------------------- -----------------7 6 数据库设计 ----------------------------- ------------------ -------------------------------- ----------------7 6 ．1 数据库表结构设计 -------------------------- ------------------ -------------------------------- --7 6.2 数据库建立---------- ---------------------------------- ------------------------------------------- 8 6.3 数据库表的操作------------------------------ -------------------- ----------------8 6.4 PHP与MYSQL数据库的连接------ ------------------- ------------------------------- -----9 7 结束语----------- ------------------------------ -------------------- ------------------------------ ---------11参考文献---------------------------------------- ------------------ -------------------------------- -----------11 摘要---------------------------- ------------ -------------------------------------- ------------ -11 个关键词-------------------- ------------ -------------------------------------- ------------ ---114 PHP与MYSQL数据库的连接------------------------- ------------------ ------------------9 7 结束语----------- ----------------- --------------------------------- ----------------- --------------11 参考文献---------------------------- ------------------------------- ----------- ------------------------11 摘要------------------------ ------------------------- ------------------------- ------------------------- -11个关键词--------------------- ------------------------- ------------------------- ------------------------- ---114 PHP与MYSQL数据库的连接------------------------- ------------------ ------------------9 7 结束语----------- ----------------- --------------------------------- ----------------- --------------11 参考文献---------------------------- ------------------------------- ----------- ------------------------11 摘要------------------------ ------------------------- ------------------------- ------------------------- -11个关键词--------------------- ------------------------- ------------------------- ------------------------- ---11抽象的 - - - - - - - - - - - - - - - - - - - - - - - - - -------------------------------------------------- -11 个关键词-------------------------------------------------------- -------------------------------------------------- ---11抽象的 - - - - - - - - - - - - - - - - - - - - - - - - - -------------------------------------------------- -11 个关键词-------------------------------------------------------- -------------------------------------------------- ---11

　　网站总体规划和数据库设计

　　摘要：本文介绍了山东财经大学国际交流与合作办公室网站建设过程的总体规划和数据库设计。网站 总体规划主要从网站建设目的、可行性分析、网站风格与效果设计、内容开发、网页设计与测试等方面进行。数据库设计主要介绍MYSQL中数据库和数据库表的建立以及PHP与MYSQL数据库连接的实现。在网络信息日益繁荣的今天，讨论这个话题具有很高的实用价值。

　　关键词：数据库网站规划PHP+MYSQL+APACHE

　　一.简介

　　进入21世纪，互联网技术及其网络服务日益影响着人们的思维方式和观念，加速了整个社会的现代化进程，成为推动人类社会进步的强大动力。信息社会的人们在互联网上建立了数以千计的网站来提供各种类型的服务，给人们带来了前所未有的便利，互联网已经成为人们获取信息的重要来源。

　　网站建设，规划第一。要打造一个成功的网站，规划和设计非常重要。这是因为网站需要存储大量信息，提供各种快捷方便的服务。网站 构建与复杂的软件工程相同。需要整体把握。因此，一个网站的成功与否与网站建设前的规划有着极其重要的关系。网站规划是指在网站建设前分析用户需求，确定建设场地的目的和网站的功能，对网站的建设进行规划@> 根据需要。只有通过规划和设计，才能避免网站建设中的许多问题，使< @网站 顺利进行。网站规划起到规划和引导网站建设的作用，定位网站的内容和维护。

　　在信息资源开发、管理和服务的各种方法中，最有效的是数据库技术。数据库的应用越来越广泛。从小型的单一事务处理系统到大型复杂的信息系统，都必须使用先进的数据库技术来维护系统数据的完整性和共享性。数据库已成为衡量信息化水平的重要指标。在动态网站的构建过程中，合理的数据库设计可以方便网站访问者的使用，增加网站的知名度，实现网站构建的初衷。

　　二、开发环境

　　山东财经大学国际交流与合作处网站建设过程中，使用的开发环境为PHP+MYSQL+APACHE。

　　PHP 是一种类似于 Microsoft ASP 的服务器端嵌入式超文本处理语言。它是构建动态网站 的强大工具。PHP 有很多优点：

　　-简单易学

　　PHP的学习过程非常简单。只要了解一些基本的语法和语言特性，就可以进行PHP编码，

　　入门会非常快。如果你对PHP了解的多，那么其他几种语言的学习就很简单了。由于网站可以无障碍添加PHP代码，在设计和维护网站的同时，可以轻松添加PHP，让网站更有活力。

　　- 数据库连接

　　PHP 可以编译成连接许多数据库的函数。PHP 和 MySQL 现在是一个极好的组合。也可以根据需要编写外设函数间接访问数据库。这样，当使用的数据库发生变化时，可以很容易地改变编码以适应这种变化。为了更适合web编程，PHP开发者开发了很多周边流行的基础库。这些库收录更易于使用的层，并且可以使用 PHP 连接到大多数数据库，包括 Oracle、MS-Access 和 Mysql。

　　-可扩展性

　　PHP进入了快速发展时期，技术比较成熟，PHP的附加功能扩展也比较容易。- 面向对象编程

　　PHP 提供了类和对象。基于 Web 的编程需要面向对象的编程能力。PHP 支持构造函数、提取类等。

　　-可扩展性

　　传统上，网页的交互是通过CGI来实现的。CGI 程序的可扩展性并不理想，因为它为每个正在运行的 CGI 程序打开了一个单独的进程。解决的办法是将编写CGI程序时常用的语言的解释器（如mod_perl、JSP）编译成Web服务器。PHP可以这样安装，嵌入式PHP可以有更高的扩展性。

　　使用 PHP 框架 网站，页面的大部分 PHP 文件都会嵌入收录和要求。这是因为使用 include 和 require 不仅增强了代码的可读性，而且还可以将站点划分为模块进行管理。一般来说，网站 上的每一页肯定都会有重复的内容。比如页面头部的导航栏，或者侧边导航等，每个页面底部也可能有版权或者一些基于文本的导航栏。如果要修改收录很多页面的网站 上的导航栏或标志等内容，如果使用前面的方法，则只能逐页更改。显然，这是一项巨大的工作，而且是浪费时间。解决办法是将重复的内容放在一个文件中，然后使用PHP的include和require函数在每个需要内容的页面上动态调用文件。这样，如果要修改所有页面上重复使用的内容，只需更改收录重复内容的文件即可。

　　MySQL 是一个轻量级的 SQL 数据库服务器，可以在多个平台上运行。MySQL被认为是构建数据库驱动动态网站的最佳产品。一般来说，MySQL数据库有以下主要特点：

　　1.同时访问数据库的用户数量不限；

　　2. 可以保存超过 50,000,000 条记录；

　　3. 是市场上现有产品中运行速度最快的数据库系统；

　　4.用户权限设置简单有效

　　而 Apache 是当今非常流行的 WEB 服务器。PHP、MySQL 和 Apache 被认为是构建 网站 的绝佳组合。

　　三、网站 构建过程

　　随着网络技术的发展和用户对网站性能要求的不断提高，网站的设计和开发变得越来越复杂。解决的办法是强调过程，明确分工。只有建立规范、有效、健全的发展机制，才能满足用户的需求，达到预期的目标。山东财经大学国际交流与合作办公室网站 设计的具体实施步骤如下图所示： 明确网站目的

　　进行可行性分析留

　　学习

　　山菜项目指南，外教网站设计网站测试

　　内容设计阶段

　　分析设计阶段

　　具体实施阶段

　　图1网站构建过程

　　3、1网站分析设计阶段

　　3.1. 1.明确建设目的网站

　　在建立网站之前，必须有一个明确的目的，即要建立的网站的作用是什么，服务哪些群体，提供什么样的服务对于观众。山东财经大学国际交流与合作办公室网站建设的目的是适应学校发展要求，进行对外宣传。山东财经大学国际交流与合作办公室作为职能部门，为本校内外的学生及其家长提供学习、政策等服务，促进与国外机构的学术、文化交流与合作。网站 建设的总要求是宣传+实用性，

　　3.1. 2. 进行可行性分析

　　可行性分析就是分析你是否有能力和财力来建设和维护这个网站；分析网站成立后是否会有一定的经济效益或社会效益；分析网站的建设需要多少时间，能源，人力，性价比

　　投入使用

　　测试阶段

　　是否划算。近年来，我国高等教育发展迅速，取得了举世瞩目的成就。在这种优良的形式下，山东财经大学不断提升学校管理水平，对外交往日益频繁。因此，打造良好的网站对外宣传，树立学校形象就显得尤为重要。因此，网站的构建是现实可行的；山东财经大学作为一所普通高等学校，拥有一支强大的师资队伍。从技术和经济上的承诺来看，网站的建设是完全没有问题的；网站 建设成功后，可以大大方便国际交流合作处的工作，提升学校形象，社会效益明显；合作办是职能部门，它的网站建设不同于*敏*感*词*的综合网站，所以这个网站建设所需的时间、精力和人力不会太多，性价比更高。

　　3.1.3 网站 风格设计

　　网站简洁、活泼、独特、统一的风格，可以让用户留下深刻的印象，达到宣传的目的。根据交流合作处的部门性质，网站风格的确立可以从以下几个方面入手： 色彩：主要考虑是活泼还是庄重，是平淡还是多彩. 合作办公室网站 色调要端庄简洁，少用或不用亮色和Flash*敏*感*词*。

　　图：需要考虑国际交流与合作办公室的部门性质。注重写实，面向大学生，应体现专业精神。

　　凡剑：国际交流合作处网站不同于艺术网站。不需要用花哨的方法来展示创造力，而应力求简单。

　　山东财经大学国际交流与合作办公室的网络形象塑造，必须考虑视觉元素。协调的颜色可以反映主体颜色的视觉形象，颜色匹配是一种可以加强的识别信号。因此，主色一旦确定，就要保持一定的稳定性。用这个颜色帮助观众认出网站，让用户一眼就知道这个颜色组合是国际交流合作处独有的。主图是网页设计的基础，表达关系的栏目的划分和位置也取决于主图。主要图形也应保持相对稳定。一段时间后，

　　此外，色彩在网站的形象中扮演着重要的角色，是确立网站风格的灵魂。颜色可以在不知不觉中影响人的心理，影响人的情绪。颜色的对比、颜色的大小和形状、颜色的位置对网站的中国风格具有重要意义。将色彩融入到整个网站的识别中，可以大大增强网站对观者感官的影响。在浏览一些*敏*感*词*大学的网站的过程中，我们也看到了东西方文化的历史差异，所以在定位网站风格时，我们也注意到了文化差异，借用了一些*敏*感*词*高校的风格设计网站

　　3、1、4网站 效果设计

　　网站 结构的合理性和直观性以及信息的有效性对网站的成功有重要影响。网站 出色的性能可以给用户留下深刻的印象。如果用户觉得网站对自己很有用，那么网站构建就成功了。在山东财经大学国际交流与合作办公室网站建设过程中，将把以下几点作为提升网站效果的指导思想，这对成功或网站 的构建失败：

　　● HTML 文档的效果取决于其本身的质量和浏览器对 HTML 的解释方式。因为不同的浏览器有不同的解释方式，所以在设计网页时要充分考虑这一点，使所有浏览器都能正常浏览。另外还要考虑分辨率的问题，让用户在访问网站时看到的页面在水平方向上尽量没有生产力。

　　有滚动条使用户更容易浏览。通常，您可以设计分辨率为 800*600 的网页。

　　●网站 信息的组织应尽量避免形成复杂的网络结构。方便用户的关键在于网站整体结构层次分明。网状结构不仅不利于用户寻找感兴趣的内容，而且随着信息的不断增加，维护起来也非常困难。

　　●图像、声音、视频信息可以提供比普通文本更丰富、更直接的信息，更具吸引力，但文本字符可以提供更快的浏览速度。对于交流合作处的职能部门来说，少量的形象是必要的，但它的风格比较严肃，所以这里没有使用声音和视频。

　　●网站 内容应该是动态的。因工作需要，国际交流合作处可能会在其网站上发布一些信息，可随时修改更新，使网站的内容更贴近日常实际工作，对用户来说更加实用方便。对于经常访问的用户来说，在主页上注明更新日期非常有用。

　　● 网站中应提供一些在线帮助功能。合作处应建站内搜索引擎网站。您可以通过输入查询关键字找到您想知道的内容。一定要把方便用户放在重要位置。

　　3.2 网站 内容设计阶段

　　网站的建设是为用户服务。根据网站的目的，分析观众的需求，确定网站的内容。通过对山东财经大学国际交流与合作系的部门性质、日常工作和业务往来的分析，将网站的内容分为以下六个方面：

　　●留学山菜：招生对象为*敏*感*词*，主要内容为我校可接收国际学生的专业及专业介绍。

　　师资、学校软硬件设施及相关留学政策。

　　●项目介绍：主要介绍我校与*敏*感*词*高校在办学、*敏*感*词*交流、科研项目等方面的合作情况。

　　允许。

　　●出国：内容包括出国政策介绍、相关程序和必要的资格条件。

　　●交流合作：包括与*敏*感*词*高校的文化交流、学术研讨、业务往来等。

　　●外教：全面介绍我校外教，让网站参观者深入了解我校外教水平

　　理解。

　　●交流学院：国际交流学院不同于国际交流合作处。

　　合作办公室在日常工作中相互联系，因此也应包括交流学校的相关内容。

　　另外，考虑到国际交流合作处是涉外职能部门，我们设计了网站的中英文内容，方便不同的参观群体，加强交流。

　　四、网站 具体实现阶段-网页设计

　　每个网页或主页对网站来说都非常重要，因为它们可以给用户留下第一印象。良好的第一印象可以让用户对这个网站产生好感，进而达到宣传的目的，提升学校形象，促进交流。

　　网页设计应该考虑内容的布局效果。布局效果对于一个好的网页来说是非常重要的。合理的布局可以让人一目了然，避免因繁复复杂而造成的混乱。Dreamweaver MX中的表单用于构建国际交流与合作办公室网站（表格）和窗口框架（Frame）功能来布局网页。

　　网页的文字内容应简洁易懂。所有内容都必须按照设计目标编写，不得无关紧要。

　　写作必须正确，没有语法错误和错别字。

　　此外，网页的下载速度也是一个不可忽视的因素。由于网页的下载速度受带宽、通讯线路等因素的限制，用户总是希望以最快的速度访问网站，除了对用户有利的网页内容外，下载的考虑速度也应该放在网页设计的重要位置。在网站的搭建过程中，通过老师的指导，查阅了一些资料，总结了一些网页设计中的技巧，在具体的实现过程中可以大大加快网页的下载速度：

　　1、控制页面总大小

　　----要让网页精彩，内容一定要丰富，但不要把所有的内容都放在一个页面上，应该控制页面的总大小。

　　2、 分解大表

　　---- 尽量避免使用大表，因为浏览器必须等待整个表的内容到达客户端才能显示该表的内容，而在下载时显示文本或图像。如果页面中必须使用一个表，可以将大表分解成几个小表。当浏览器下载下表时，用户可以阅读之前已下载的表。用户利用时间来浏览信息，而不是等待下载的时间，这是一种非常实用的技术。

　　3、 不要用图片来描述内容

　　----如果文字的叙述内容用图片文件代替文字来表示，会增加页面的负担，因为同样的文字内容比图片文件小很多。另外，一些文字图片按钮也尽量少用。

　　4、标注图片大小

　　----在HTML代码中，最好标注图片的显示高度和宽度。下载页面的时候，浏览器会根据这个高度和宽度来预留图片的位置，在图片下载之前及时显示周围的图片。文字内容。否则，让浏览器根据图片本身的高宽显示，等所有图片都下载完后，再等图片和周围的其他文字信息显示出来，无疑会造成用户的等待。

　　5、选择合适的格式

　　----JPEG 格式是互联网上非常流行的一种图像格式。它对大图有特别高的压缩率，而GIF格式更适合小图和艺术线条等图像。对于4KB以下相同内容的图片文件，GIF格式优于JPEG格式。

　　6、减少图片数量

　　----不能使用过多的图像文件。图片文件的数量和大小对页面来说非常重要，因为每次下载一个图片文件，浏览器都会请求连接到Web服务器，所以图片文件越多，页面下载时间越长。

　　7、大图的处理

　　----如果一定要使用大图，可以用两种方法处理：一是在首页创建缩略​​图文件，并链接到原大图；二、创建与原创文件相同大小但颜色和分辨率降低的图像文件，使用低源标签让图像文件先下载。这种方法的优点是用户不需要下载大的图片文件，可以快速了解图片的大概内容。

　　8、重用图像

　　----如果多次使用同一个图片文件，客户端浏览器的Cache会有所帮助。浏览器将从其缓存中找到先前下载的图像文件并将其加载到显示器中，而不是从网站下载，即使它们不在同一页面上。这样，导入的图像就不受带宽的限制。因此，每个页面的背景图案可以使用相同的图片文件，既统一了页面的风格，又节省了图片下载的时间。如果再次导入的图片文件大小只有轻微的变化，可以使用图片高宽标签（Tags）来改变图片大小。

　　9、少用背景音乐

　　----在网页中加入背景音乐虽然很愉快，但最好还是谨慎使用，因为它会减慢网页到客户端的下载速度。而且，我们为山东财经大学国际交流与合作处设立了网站，加入音乐与该系的性质不符。

　　根据以上规则，我们精心雕刻了自己的页面，尽可能减少每一个字节，以提高网页下载速度，让用户快速方便地访问网站。

　　五、网站测试阶段

　　网页设计好之后，网站就基本建立起来了。网站 发布前，需要仔细测试，确保正常浏览和使用。主要测试内容：

　　1、服务器稳定性和安全性。

　　2、程序和数据库测试。

　　3、网页兼容性测试，如浏览器、显示器。

　　六、数据库设计

　　在动态网站的构建过程中，如果数据库设计不合理，查询将非常困难，程序的性能也会受到影响。因此，数据库的设计非常重要。山东财经大学国际交流与合作办公室网站建设过程中，我们使用的数据库是MYSQL。这是一款非常流行的源码开放关系型数据库管理系统，主要针对网站开发者的需求，实现了更小更集中的功能集，非常好用。

　　1、数据库表（新闻）结构设计

　　表1news数据库表（商店新闻）

　　字段名字段类型NULL主键自动增长

　　news_id INT NOT NULL 是 是

　　news_title VARCHAR 非空

　　news_content 文本非空

　　news_time DATETIME NOT NULL

　　news_kind VARCHAR 非空

　　字段说明：

　　news_id：新闻序号。用作新闻条目的唯一标识，类型为整数，大小为30，默认不为空。用于区分同一数据表中的不同记录进行查询、修改等，并设置自动增长类型。起始值从 1 开始，每增加一条新记录，该值就会增加 1。

　　news_title：新闻标题。作为新闻提要，类型为字符，长度为50，默认不为空；news_content：新闻内容。类型为文本类型，长度为2500，默认不为空；

　　news_kind：新闻类型。用于区分新闻来源，类型为字符，长度为50，默认不为空。

　　2、数据库的建立（hzchu）

　　mysql>创建数据库 hzchu;

　　3、数据库表的操作（新闻）

　　建一个表：

　　mysql>CREATE TABLE 消息(

　　news_id INT(30)NOT NULL AUTO_INCREMENT,

　　news_title VARCHAR(50)NOT NULL,

　　新闻内容文本（2500)NOT NULL，

　　news_time DATETIME NOT NULL,

　　news_kind VARCHAR(50)NOT NULL,

　　主键(news_id));

　　创建表后，可以使用 SHOW TABLES 命令显示数据库中的表：

　　mysql>显示表；

　　

　　图2显示了在数据库中创建的表

　　

　　图3 数据库表结构

　　向表中添加记录：

　　首先使用SELECT命令查看表中的数据：

　　mysql>从新闻中选择*；

　　空集(0.00sec)

　　这表明刚刚创建的表还没有记录。添加新记录：

　　

　　图4 向数据库表中添加数据

　　此时使用SELECT命令查看已经添加了一条新闻，按照这个方法就可以将所有的新闻一一添加到新闻表中。

　　以文本模式将数据加载到数据库表中：

　　一一输入会很麻烦，可以将数据库表中的所有新闻以文本文件的形式添加。首先创建一个文本文件“news.txt”，每行收录一条记录，值用制表符分隔，并按照CREATE TABLE语句中列出的列的顺序给出，例如

　　

　　图 5 以文本形式加载数据

　　使用命令：mysql>LOAD DATA LOCAL INFILE "news.txt" INTO TABLE news; 将文本文件“news.txt”加载到新闻表中

　　再次使用命令：mysql>select*from news; 查看数据是否已经输入到数据库表news。

　　4、PHP和MYSQL数据库连接

　　由于mysql数据库中已经建立了一个数据库hzchu，并且有一个表news，结构如图3所示。 所以现在我们要写一个php程序在网页上显示数据表的内容并显示它在一张桌子上。首先新建一个文件linkdb.php

　　代码显示如下：