1、电子商务网站建设实验报告电子商务网站建设期末设计报告班 级 3170802 第一作者 杨秋旋 08690238 (姓名/学号)第二作者 杨庆 08690204 (姓名/学号)指导教师 代 宇 2010年5月 一 网站介绍这是一个小论坛,本论坛包含几大功能,包含发帖,回复,邮件,编辑,删除,引用,管理员用户可以删除帖子,修改帖子,加精等操作。网站布局:二.设计原理或方法总体设计方案:1网页布局设计: 采用JSP,然后通过改HTML代码实现各个板块论坛的更能2网站推广与管理,包括测试、维护、发布与推广及后台管理具体:设计工具Dreamweaver,MyEclipse 6.5,Apache Tomc
2、at 6.0,MySQL具体实验步骤:关于一些实验所用的代码:一、HTML各种命令的代码:1、文本标签(命令)创建预格式化文本创建最大的标题创建最小的标题创建黑体字创建斜体字创建打字机风格的字体创建一个引用,通常是斜体加重一个单词(通常是斜体加黑体)加重一个单词(通常是斜体加黑体) 设置字体大小,从 1 到 7设置字体的颜色,使用名字或十六进制值 2、图形(命令) 添加一个图像 排列对齐一个图像:左中右或上中下设置围绕一个图像的边框的大小 加入一条水平线设置水平线的大小(高度) 设置水平线的宽度(百分比或绝对像素点) 创建一个没有阴影的水平线 3、链接(命令) 创建一个超链接创建一个自动发送电
3、子邮件的链接 创建一个位于文档内部的靶位 创建一个指向位于文档内部靶位的链接 4、格式排版(命令)创建一个新的段落将段落按左、 中、 右对齐 插入一个回车换行符从两边缩进文本创建一个定义列表 放在每个定义术语词之前 放在每个定义之前创建一个标有数字的列表 放在每个数字列表项之前,并加上一个数字创建一个标有圆点的列表 放在每个圆点列表项之前,并加上一个圆点一个用来排版大块HTML 段落的标签,也用于格式化表 二、HTML基本语法文件格式(文件的开头与结尾)主题(放在文件的开头)文头区段(描述文件的信息)内文区段(放此文件的内容)标题(?=16,改变标题字的大小)标题对齐字加大字变小粗体字斜体字底
4、线字上标字下标字居中居左 居右 基本字体大小(取值范围从1到7,默认值为3)改变字体大小(?=17)字体颜色(RGB色码)指定字型(?=宋体,楷体等)网址链结设定锚点(?以容易记为原则)链结到锚点(同一份文件)(锚点不同文件)显示图形图形位置(分别为上、下、中、左、右的位置)图形取代文字(无法显示图形时用)图形尺寸(?以像素为单位)连结图形边线(?以像素为单位)图形四周留白(?以像素为单位)段落断行横线横线厚度(?以像素为单位)横线长度(?以像素为单位)横线长度(?与页宽相比较)实横线(无立体效果)背景图案(图形文件格式为gif和jpg)背景颜色(RGB色码)背景文字颜色(RGB色码)未链结点
5、颜色(RGB色码)已链结点颜色(RGB色码)正在链结点颜色body alink=#rrggbb(RGB色码)三.数据库设计数据库存放注册用户,管理员等的数据。MySQL是一个小型关系型数据库管理系统,目前MySQL被广泛地应用在Internet上的中小型网站中。MySQL特性:SQL,即结构化查询语言,是关系数据库的标准语言,SQL是一个通用的、功能性极强的关系数据库语言。其优点有:1.综合统一2.高度非过程化3.面向集合的操作方式4.以一种语法结构提供多种使用方式5.语言简洁,易学易用 四.主要功能及实现介绍以下为网站截图1该页面是通过index.html页面来实现的。改页面只是一个普通的H
6、TML网页,包含三个论坛,可查看帖子的数量,回复时间等信息2进入分论坛之后也可查看文章,回复时间等信息。3 进入论坛之后可浏览帖子,发帖,回复等功能。4后台管理页面,可以修改论坛的公告,帖子内容等信息。五:部分代码1主论坛代码:function Popup(url, window_name, window_width, window_height) settings=toolbar=no,location=no,directories=no,+status=no,menubar=no,scrollbars=yes,+resizable=yes,width=+window_width+,heig
7、ht=+window_height;NewWindow=window.open(url,window_name,settings); function icon(theicon) document.input.message.value += +theicon;document.input.message.focus();喜洋洋论坛 name1 欢迎您现在时间 22:47 06月07日 星期一 【管理】 搜索| 修改资料| 聊天室 | 首页| 退出 论坛
8、公告: 公告一:这是第一个公告。 2010-5-31 15:21 公告二:大家注意一下!公告二,(*_*) 嘻嘻,不要告诉别人是我张三写的。一定不要告诉哦。哈哈哈。 2010-5-31 19:15 论坛列表 新窗 主题数量 贴子数量 最后回复 版主 论坛一 null null 时间:2010-6-1 13:40 作者:name6 name2 论坛二 null null 时间:2010-5-31 21:33 作者:name2 name4 论坛三 null null 时间:2010-5-31 19:57 作者:无 name5 在线人员 - 目前有 0 位游客和 1 位会员在线 name1   论坛三论坛二论坛一 喜洋洋论坛 版权所有 程序作者:小秋 E_Mail:xyworker QQ:xxxxxxxxx 2 帖子代码:function Popup(url, window_name, window_width, window_height) set