没有登录 用户中心
您的当前位置:软件工程 > 玩具产品展示网站设计

玩具产品展示网站设计

摘 要

本网站采用了Asp.net编程技术及其相应的语言技术,运用Microsoft SQL Server建立数据库,进行数据管理,保持数据的完整性,成功制作了这个网站,完成了玩具企业网站所需的几大功能,如动态添加产品信息,留言簿的设计等,公司可以简单方便的运用后台进行管理,对网站进行各项操作,以便企业能及时的更新自己的产品信息。企业网站除了展示自己的产品之外,如何利用客户对自己产品的反馈信息来调整自己的产品也是及其关键的。于是,企业的论坛便应运而生。一个好的论坛能给企业带来莫大的好处,这是众所周知的。最后对整个网站的设计做了一些总结,提出了一些不足和意见。

关键词:Sql数据库  Javascript   Asp.net


目录

摘 要 2

第一章 概述 4

1.1系统功能概述 4

1.2系统的运行环境 5

1.3开发工具 5

第二章 系统的数据库设计 6

2.1 数据库字典 6

2.1.1数据项条目 6

2.2数据库E-R 图 7

2.2.1产品展表 7

2.2.2会员管理表 7

2.2.3留言管理表 8

2.2.4管理员管理表 8

第三章 系统的程序设计与实现 9

3.2各功能模块的设计和实现 9

3.2.1后台登录首页 9

3.2.2网站主窗体 11

3.2.3产品展示模块方案 11

3.2.4留言管理模块 12

3.2.5会员管理模块 13

3.2.6后台管理 13

第四章  网站发布 15

第五章  参考文献 19

致谢 20





第一章 概述

1.1系统功能概述

网站首页:最新产品动态,将本公司最新的产品设置成动态首先展示出来。

玩具新产品世界:让客户能充分了解企业的产品以及更详细的信息。

登录注册:客户注册成为本公司会员并登录后才可跟本公司进行留言。

客户留言:登录后可进行留言。

查看留言:客户可查看所有留言,以确定产品的好坏。

通过对本玩具公司产品展示网站功能需求分析,可以将本网站划分为前台和后台功能结构。网站功能结构如图 1-1所示。




图 1-1 网站功能结构图








1.2系统的运行环境

本网站所用的运行环境,如表 1-1所示


表 1-1运行环境表


类别 配置

软件 Microsoft Sql Server 2008; Microsoft Visual Studio 2008

操作系统 Windows xp版本 

内存和硬盘大小 256M以上、 1G以上

其它 USB 2.0


1.3开发工具

本网站所用的开发工具,如表1-2所示。


表 1-2开发工具表


开发语言 C#

开发环境 Microsoft Visual Studio .NET

开发工具 PowerDesigner





第二章 系统的数据库设计

2.1 数据库字典

2.1.1数据项条目

数据项编号:1

数据项名称:产品编号

符  号  名:ID

数 据类 型:int


数据项编号:2

数据项名称:产品名

符  号  名:name

数 据类 型:varchar(50)

长      度:50


数据项编号:3

数据项名称: 产品分类

符  号  名: Feilei

数 据类 型:varchar

长      度:50


数据项编号:3

数据项名称:价格

符  号  名:Jiage

数 据类 型:varchar(50)

长      度:50


数据项编号:4

数据项名称:产品描述

符  号  名:Chanpinmiaoshu

数 据类 型:varchar(50)

长      度:50

2.2数据库中表的建立

玩具展示网站主要实现的是玩具的产品展示、会员管理、留言管理、管理员管理等几部分功能。下面简单介绍几个关键的功能的数据库中各表的属性。

2.2.1产品展示表

本网站将展示所有的产品,则需要产品展示表中包括产品编号、产品名、产品分类、产品价格、产品描述、产品图等属性,其表如2-1所示。

表2-1  产品展示表

编号 字段名称 数据结构 主键 允许空

1 产品编号 整型

2 产品名 文本  

3 产品分类 文本  

4 产品图 文本  

5 产品价格 文本  

6 产品描述 文本  

备注:产品编号为唯一关键字

2.2.2会员管理表

会员管理表主要是对会员的一些管理操作,会员管理表包括会员编号、会员帐号、会员密码、电子邮件、备注等属性。会员管理表如2-2所示。

表 2-2  员表管理表

编号 字段名称 数据结构 主键 允许空

1 会员编号 整型

2 帐号 文本  

3 会员密码 文本  

4 电子邮件 文本  

5 备注 文本  

备注:会员编号为维一关键字


2.2.3留言管理表

留言管理表主要是对留言信息的一些管理操作,留言管理表包括留言编号、留言人、主题、留言内容等属性。留言管理表如2-3所示。

表 2-3  留言管理表

编号 字段名称 数据结构 主键 允许空

1 留言编号 整型

2 留言人 文本  

3 主题 文本  

4 留言内容 文本  

备注:留言编号为维一关键字


2.2.4管理员管理表

管理员管理表主要是对管理员的一些管理操作,管理员管理表包括登录编号、登录帐号、登录密码等属性。管理员管理表如2-4所示。

编号 字段名称 数据结构 主键 允许空

1 登录编号 整型

2 登录名 文本  

3 登录密码 文本  

备注:登录编号为维一关




第三章 系统的程序设计与实现

通过前面的功能逻辑分析,已经将网站划分为4大功能模块,分别为产品展示模块、留言管理模块、会员管理模块、管理员管理模块。同时考虑到系统的安全性,防止非法用户访问系统以及满足不同人员对系统操作的权限控制,再添加一个登陆模块。再者,为了将各功能模块集成起来,还需要设计一个系统主界面,将各个功能模块整合到主界面中。

3.2各功能模块的设计和实现

3.2.1后台登录首页

登录界面用户验证登录用户的身份信息,只有合法的用户才能进入系统,从而保证系统的安全性。登录界面的运行结果,如图3-1所示:
















图3-1登录界面

其主要代码如下:

public partial class Admin_Login : System.Web.UI.Page

{

    CommonClass cc = new CommonClass();

     private StringBuilder LetterList = new StringBuilder();

     protected void Page_Load(object sender, EventArgs e)

    {

        TxtUserName.Attributes.Add("onpaste", "return false;");

        TxtUserName.Focus();

        if (!Page.IsPostBack)

        {

         }

     }

    protected void LoginButton_Click(object sender, EventArgs e)

    {

        //对业务层进行实例化

        Wanju.bll.Operator op = new Operator();

        //必要的变量处理

        string Loginid = TxtUserName.Text.Trim();

        string Pwd = TxtUserPwd.Text.Trim();

        if (op.UserLogin(Loginid, Pwd) == true)

        {

            if (Check.Text.ToLower().ToString() != Session["yzm"].ToString().ToLower())

            {

                LabLogin.Visible = true;

                LabLogin.Text = "验证码输入错误,请重新输入验证码!!!";

            }

            else

            {

                Session["UserId"] = Loginid;

              FormsAuthentication.RedirectFromLoginPage(Loginid, false);

                Response.Redirect("Default.aspx", true);

            }

        }

        else

        {

            LabLogin.Text = "帐号或密码错误!!!";

        }

    }

}







3.2.2网站主窗体

网站首页主窗体部分使用FLASH动态效果,将最新产品尽早的展示出来。让人看到后有一种亲切的感觉。左框架使用的动态生成树:通过“kongjian”将“分类”字段,从数据库中读出各系统产品。其首页界面及动态生成树运行效果如图 3-2所示:














图 3-2 网站主页

3.2.3产品展示模块方案

网站的主窗体使用动态树Treeview控件从数据库中读出各系列产品,使其呈现在左边的导航栏里,用户只需要选择导航栏里的某个系列,右边将会显示出对应列系的商品。如图3-3所示




图3-3 产品展示图

3.2.4留言管理模块

通过session变量获取登录ID并传值,然后方可进行对产品及本公司的留言,如图 3-4 所示:


















图3-4留言界面



3.2.5会员管理模块

会员注册登录界面效果,使其获取留言权限,享受网站更多的功能。

如图 3-5 所示:


图3-5会员注册


3.2.6后台管理

后台采用三层架构方式,使其开发人员可以只关注整个结构中的其中某一层、可以很容易的用新的实现来替换原有层次的实现、可以降低层与层之间的依赖、有利于标准化、利于各层逻辑的复用、扩展性强。不同层负责不同的层面,如PetShop可经过简单的配置实现Sqlserver和oracle之间的转换,当然写好了也可以实现B/S与C/S之间的转换、安全性高。用户端只能通过逻辑层来访问数据层,减少了入口点,把很多危险的系统功能都屏蔽了。项目结构更清楚,分工更明确,有利于后期的维护和升级将其业务实体层,如图 3-6所示:


图3-6 三层结构分析图 

登录界面用户验证登录用户的身份信息,只有合法的用户才能进入系统,从而保证系统的安全性。查看留言和删除留言功能,其运行结果如 3-7所示


图3-7 查看留言和删除留言



第四章  网站发布

网站测试是在网站开发过程中要进行的最低级别的测试活动,在网站测试活动中,为了测试本网站的一些安全性、页面加载速度等关键因素现在将网站发布出去在其他终端进行测试工作。

1 、确保已经安装了IIS,如果没有安装首先安装IIS,如图4-1 所示:




图 4-1  IIS的安装

2、IIS 安装好之后,打开 我的电脑---管理,如图4-2 所示:


图4-2  打开“计算机管理”界面

3、选择服务和应用程序---Internet信息服务---网站---默认网站, 如图4-3所示:


图 4-3 打开“默认网站”


4、右键  默认网站---新建---虚拟目录,如图4-4 所示:



图 4-4 新建虚拟目录


按照“虚拟目录创建向导”指引进行操作,并为此虚拟目录取名,设好网站存放路径。 

5、设置“访问权限”在这里所有的都勾选。点击下一步,如图 4-5所示:




图 4-5 设置“访问权限”


6、完成创建“虚拟目录”,如图 4-6所示:



图 4-6 完成创建虚拟目录


7、这里面的web 就是你刚刚发布的网站,如图 4-7所示:



图 4-7 Web网站的发布


然后再网页上面输入http://127.0.0.1/web/Index.aspx 就可以访问了。




第五章  参考文献

[1]吴涛主编,网站全程设计技术(修订本),北京:清华大学出版社;北京交通大学出版社

[2] 张华、贾志娟主编,asp项目开发实践,中国铁道出版社

[3] 沈大林主编,中文Flash 8案例教程,中国铁道出版社

[4]龙马工作室编,ASP+SQL Server组建动态网站实例精讲,北京:人民邮电出版社

[5] 赵增敏编,ASP动态网页设计,电子工业出版社

[6] 任学文、范严编, 网页设计与制作,中国科学技术出版社

[7] 武创、王惠主编,网页设计探索之旅 ,电子工业出版社

[8] 杜巧玲等编, 网页设计超级梦幻组合,清华大学出版社

[9] 吴黎兵、罗云芳编,网页设计教程, 武汉大学出版社

[10] 庄王健编,网页设计三剑客白金教程,电子工业出版社

[11]叶汶华、程永灵主编,ASP.NET网页制作教程,冶金工业出版社

[12]张军、王佩楷主编,ASP动态网站设计经典案例,机械工业出版社

[13]鲁宏伟、汪厚祥主编,多媒体计算机技术(第三版),电子工业出版社

[14] 赵小林、刘志强、郑洁主编,网页制作技术教程-动态网页篇,北京:国防工业出版社

[15] Michael Blaha、James Rumbaugh著.UML面向对象建模与设计.北京:人民邮电出版社,2006

[16]阿德斯坦尼等著,韩育等译.ASP.NET Intranet高级编程.1999年第2期

[17] Aaron Skonnard,Martin Gudgin. 《XML精要快速参考手册一XML, Xpath, XSLT,XML Schema、Soap》.北京:人民邮电出版社,2002

[18] Michael Amundsen著.ASP.NET开发人员指南,朱礼军等译.中国电力出版社.2003

[19] Dino Esposito著.构建Web解决方案一一应用ASP.NET和ADO.NET梁超译.清华大学出版社.2002

[20] Shawn Wildermuth著.ADO.NET实用指南:面向Internet世界的数据访问技术,周靖译.清华大学出版社.2003


新闻评论