《爱玛电动车小型企业网站的建设小型企业网站.doc》由会员分享，可在线阅读，更多相关《爱玛电动车小型企业网站的建设小型企业网站.doc（32页珍藏版）》请在三一办公上搜索。
1、艾玛电动车小型企业网站毕 业 设 计 （论 文）课题名称： 爱玛电动车小型企业网站的建设 指导教师： 庄彦 系 别： 电子信息系 专 业： 计算机网络技术 班 级： 4班 姓 名： 宋青 摘 要本网站的主题艾玛电动车，整个网站都是销售艾玛的内容为主的，主要包括了首页、产品中心、售后服务、关于我们、留言、等栏目。在整个设计过程中主要是运用Dreamweaver、ACCESS、JSP,Tomcat等编写的。通过本网站系统，给想了解爱玛电动车的人群提供了一个良好的平台，给那些无从咨询的人提供了一个可以互动解决问题的平台。如今，在网络技术的迅猛发展下，互联网的不断普及，让人们都感受到网络的方便快捷，从
2、而大家都喜欢选择从互联网上获取信息，因此，互联网逐渐成为一个宽广的信息发布平台和获取信息的平台。本网站也需要通过Internet来对外宣传、普及，从而帮助到更多想了解爱玛电动车的人们。本网站主要是以建立Dreamweaver、ACCESS、JSP，Tomcat等技术的动态网站管理系统的前台表现模块，使用了JSP技术的动态网页技术，加上ACCESS作为后台数据库，制作了一个简单的服务性企业网站系统，实现了企业网站的基本功能，例如用户注册登录，留言板，新闻发布，网页信息浏览的实现。关键字：企业网站；JSP；数据库，爱玛电动车，CSS，动态网页 注册登录 信息发布，留言板摘 要1关键字：1第一章 引
3、言41.1开发背景41.2设计思路4第二章 网站开发技术简介52.1 JSP的简单介绍52.2 Microsoft Access 2003的简介6第三章 网站需求分析73.1 概述73.2 功能需求73.3 网站流程图7第四章 网络总体设计94.1 网站的总体结构94.2 网站功能模块的概述10第五章 数据库的设计与实现105.1 数据库设计105.2 数据库需求分析105.3 数据库概念结构设计115.4 数据库逻辑结构设计12第六章 网站详细设计156.1 后台管理系统界面156.2 网站主界面28第七章 网站调试和用户使用说明307.1 网站的调试307.2 用户使用说明31第八章 结束
4、语33致谢辞33参考文献34第一章 引言1.1开发背景二十世纪进入信息发展高速路，数码化革命给所有领域带来新的改变。随着电脑办公自动化的普及，电子商务应运而生，一切都归功于internet的巨大贡献，互联网的世界里蕴藏无限生机，这里只有想不到的、没有做不到的。由于国际互联网是一个不受时空限制的信息交换系统，所以它是目前最直接、最丰富和最快捷的联系方式，信息沟通的高效率为企业带来了最大的方便。所以在现今社会对于一个企业来说，网站已经是不可缺少的一部分了。现今，爱玛电动车越来越被人们关注，随着人们需求工具的加重，越来越多的青少年选择爱玛电动车，中年人也占了一定的比例，由于金额的限定，有些青少年在选
5、择上出现了一些问题，当然在社会上的人群也不一定都了解爱玛电动车。同时随着互联网的快速发展和不断普及，网站成了传播信息最有效的平台。所以我制作了一个专门针对爱玛电动车的企业网站，给这些人群提供了一个了解和选择的平台，当然对于一个针对艾玛电动车企业本身而言，这个网站将会对其自身带来不可估量的效用。1.2设计思路(1) 树立全新企业形象对于一个以软件开发和艾玛电动车产品销售为主的小型企业而言，企业的品牌形象至关重要。 特别是对于互联网技术高度发展的今天，大多客户都是通过网络来了解企业产品、企业形象及企业实力，因此，企业网站的形象往往决定了客户对企业产品的信心。建立具有国际水准的网站能够极大的提升企业
6、的整体形象。(2) 增强销售能力销售力指的是产品的综合素质优势在销售上的体现。现代营销理论认为，销售亦即是传播。销售的成功与否，除了决定于能否将产品的各项优势充分地传播出去之外，还要看目标对象从中得到的有效信息有多少。由于互联网所具有的“一对一”的特性，目标对象能自主地选择对自己有用的信息。这本身已经决定了消费者对信息已经有了一个感兴趣的前提。使信息的传播不在是主观加给消费者，而是由消费者有选择地主动吸收。 同时，产品信息通过网站的先进设计，既有报纸信息量大的优点，又结合了电视声、光、电的综合刺激优势，可以牢牢地吸引住目标对象。因此，产品信息传播的有效性将远远提高，同时亦即是提高了产品的销售力
7、。(3) 提高附加值许多人知道，购买产品不仅买的是那些看得见的实物，还有那些看不见的售后服务。这也就是产品的附加值。产品的附加值越高，在市场上就越有竞争力，就越受消费者欢迎。因此，企业要赢得市场就要千方百计地提高产品的附加值。在现阶段，传统的售后服务手段已经远远不能满足客户的需要，为消费者提供便捷、有效、即时的24小时网上服务，是一个全新体现项目附加值的方向。世界各地的客户在任何时刻都可以通过网站下载自己需要的资料，在线获得疑难的解答，在线提交自己的问题。总结上述几点，艾玛电动车网站建设目标可总结如下：1) 帮助企业建立有效的企业形象宣传、企业风采展示、公司产品宣传，打造“爱就马上行动”新形象
8、。2) 充分利用网络快捷、跨地域优势进行信息传递，对公司的新闻进行及时的报道。3) 通过在线留言平台实现用户和公司“面对面”的交流，促进产品更好，更快，更成功的发展。第二章 网站开发技术简介2.1 JSP的简单介绍JSP是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态技术标准。在传统的网页HTML文件（*.htm，*.html）中加入Java程序片段（Scriptlet）和JSP标签，就构成了JSP网页java程序片段可以操纵数据库、重新定向网页以及发送E-mail等，实现建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，这
9、样大大降低了对客户浏览器的要求，即使客户浏览器端不支持Java，也可以访问JSP网页。JSP全名为Java Server Pages，其根本是一个简化的Servlet设计，他实现了Html语法中的java扩张（以 形式）。JSP与Servlet一样，是在服务器端执行的。通常返回给客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户端。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。通常JSP页面很少进行数据处理，只是用来实现网页
10、的静态化页面，只是用来提取数据，不会进行业务处理。JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计的显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。 JSP(JavaServer Pages)是一种动态页面技术，它的主要目的是将表示逻辑从Servlet中分离出来。JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给
11、客户端的浏览器。Java Servlet是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。自JSP推出后，众多大公司都支持JSP技术的服务器，如IBM、Oracle、Bea公司等，所以JSP迅速成为商业应用的服务器端语言。2.2 Microsoft Access 2003的简介Access功能强大，使用方便，是最优秀的桌面数据库开发工具之一。Access与其他数据库开发系统之间有相当显著的区别就是：Access数据库系统把数据库应用程序的建立
12、移到了用户环境中，用户不用写一行代码，就可以在很短的时间里开发出一个功能强大而且相当专业的数据库应用程序，并且这一过程完全是可视的3。Access与其他桌面数据库的另一个重要区别是：Access中的数据库文件既包括存储数据的表，又包括操作或控制数据的其他对象。它由七种对象组成：表、查询、窗体、报表、WEB页、宏和模块2。Access 2003在网络功能上有了很大的改进，在数据库中通过超级链接字段可以直接链接到指定的WEB页面或网络文件，也可以通过“数据访问页”将数据库文件中的数据发布到网络上，从而实现数据共享。第三章 网站需求分析3.1 概述目前的企业还是以传统商务方法为主，但随着经济全球化和
13、电子商务经济的到来，企业如果还固守于传统模式则必定不能再适应经济全球化的趋势，许多企业因为运行良好而没意识到正面临因为不适应经济发展环境而被被淘汰的危险。企业上网和开展电子商务是一个不可回避的现实，当你的竞争对手正在通过INTERNET共享信息，通过电子商务降低成本，拓展销售渠道时，你却只能坐失良机。 企业拥有自己的网站可以给你增加业务，带来更多的顾客，网络无区域性，只要你有网站就可以让全世界的人都发掘你的信息，服务更多的顾客。而且网站可以给你企业做相应的推广，这样不但降低了你的推广费用，还给你企业树立了更好的形象。3.2 功能需求根据不同用户的不同使用需求与权限，因此不同角色在系统中应具有的
14、功能也有不同。下面是企业网站中2个角色具有的功能。（1）网站管理员应具有的功能对产品信息的管理，进行产品分类的添加、修改、删除等功能；对企业新闻的管理，能对新闻实行的添加、删除和修改做出相应的操作；对留言信息的管理，能对注册用户提交的信息进行添加、删除。（2）用户浏览应具有的功能对于网站的注册用户，能进行注册用户的登陆功能，并能浏览网页信息，登陆后能在留言板上发表意见等。3.3 网站流程图下面是各用户功能流程图分析。普通用户功能流程分析,如图3.1重试会员登录打开网站会员登录成功退出系统重新登录浏览网页查看新闻会员留言图3.1 会员功能流程图管理员功能流程分析，如图3.2所示。重试管理员登录重
15、新登录退出系统启动系统管理员登录成功留言管理会员管理添加新闻内容新闻管理管理全部内容管理新闻类别插入新闻内容删除新闻类容给我留言 管理员公告图3.2 管理员功能流程图 第四章 网络总体设计4.1 网站的总体结构本网站主要包括网站前台、网站后台管理系统和数据库三大部分组成。 网站前台包括首页、新闻中心、荣誉资质、产品展示、售后服务、留言板6个功能栏目。网站的总体结构如图4.1所示。网站前台网站后台数据库信息管理交互信息管理数据提供数据图4.1 网站总体结构图4.2 网站功能模块的概述企业网站的主要任务是发布企业新闻和产品信息；管理员可以增加最新的产品信息、企业新闻，还可以对其实行修改、删除、修改
16、。并提供最新产品信息、企业新闻让浏览者浏览。网站前台中的各栏目主要功能如下： 关于我们：一级导航条，即公司概况，公司的企业文化宣传阵地； 新闻中心：一级导航条，即公司的企业新闻，重大活动报道，还有行业内的重要新闻； 产品展示：一级导航条，即现在公司的产品介绍，下设目前公司主要销售的四大系列产品； 客户服务：一级导航条，为网站客户提供会员留言（采用会员留言方式是为了保护客户资料不被非法窃取、利用）等功能；第五章 数据库的设计与实现5.1 数据库设计数据库在一个网站系统中占有非常重要的地位，数据库结构设计的好坏将直接影响到网站的执行效率，对实现的效果产生影响。数据库设计是对一个给定的应用环境，构造
17、最优的数据库模式，建立数据库及其应用系统，有效存储数据，满足用户信息要求和处理要求。合理的数据库结构设计可以提高数据储存效率，保证数据的完整性和一致性2。设计数据库系统时应该首先充分了解用户各个方面的需求，包括现有的以及将来可能增加的需求。数据库设计一般包括如下几个步骤：(1)数据库需求分析；(2)数据库概念结构设计；(3)数据库逻辑结构设计。5.2 数据库需求分析进行整个数据库设计必须准确了解与分析用户需求（包括数据和处理）。用户需求分析是整个设计过程的基础，是最困难、最耗费时间的一步。作为最基本的需求分析做得是否充分与准确，决定了在其构建数据库的速度和质量。用户的需求具体体现在各种信息的提
18、供、存储、更新和查询方面，这就要求数据库结构能充分满足各种信息的输出与输入。收集基本数据、数据结构及数据处理的流程，组成一份详尽的数据字典，为后面的具体设计打下基础。以这种思想作为设计策略，小型企业网站至少有以下3项需求：(1)用户表：包括的数据项有用户姓名、密码等。 (2)新闻表：包括的数据项有标题、类别、时间等。5.3 数据库概念结构设计概念结构设计是将分析得出的用户需求信息抽象为概念模型的过程。即在需求分析的基础上，设计出能够满足用户需求的各种实体以及它们之间的相互关联的概念结构设计模型。这样才能更好、更准确的用某一DBMS实现这一些需求，这是整个数据库设计的关键。概念结构的主要特点是能
19、真实、充分地反映现实世界，容易理解、更改，容易向关系、网状、层次等各种数据模型转换。描述概念模型的有力工具是E-R模型。设计概念结构通常有4类方法：(1)自顶向下，即首先定义全局概念结构的框架，然后一步步的细化。(2)自底向上，即首先定义各局部应用的概念结构，然后将它们集成起来，得到全局概念结构。(3)逐步扩张，首先定义最重要的核心概念结构，然后向外扩充，以滚雪球的方式逐步生成其他概念结构，直至总体概念结构。(4)混合策略，即将自顶向下和自底向上相结合，用自顶向下策略设计一个全局概念结构的框架，以它为骨架集成自底向上策略中设计的各局部概念结构。其中最经常采用的策略是自底向上方法，即自顶向下进行
20、需求分析，然后再自底向上设计概念结构。本网站根据上面的需求分析和数据库设计规划得出的实体有：会员实体，新闻实体，管理员实体。管理员与新闻实体之间关系的E-R图，如图5.1所示。管理nm管理员新闻图5.1 管理员与新闻E-R图5.4 数据库逻辑结构设计概念结构是独立于任何一种数据模型的信息结构。逻辑结构设计的任务就是把概念结构设计阶段设计好的基本E-R图转换为与选用DBMS产品所支持的数据模型相符合的逻辑结构。设计逻辑结构时一般要分3步进行：(1)将概念结构转换为一般的关系、网状、层次模型；(2)将转换来的关系、网状、层次模型向特定的DBMS支持下的数据模型转换；(3)对数据模型进行优化。将以上
21、的数据库概念结构设计转换为关系模型。数据库表格以会员表、新闻表设计结果如下：表5.1 管理员与会员表(user)admin编号namepass 1yy1237sq1238wyy123amptdlbhnamepass1yy1112sq111表5.2 新闻表(news)amcpidbtnrpt001images/rw-4-big.jpg002images/rw-1-big.jpg003images/rw-2-big.jpg004images/rw-1-big.jpg005images/rw-2-big.jpg006糖果 Iimages/tangguo i.png007可酷images/keku.p
22、ng008枭翼 -2/-3images/xiaoyi -2 -3.png009新极速 5images/xinjisu -2-3.png010战神 VIimages/zhanshen vi.png011赛道images/saidao.png012amcidnamenr001爱玛电车简易版您是否也曾经幻想过，在某个周末的清晨骑着一辆轻巧便捷的自行车随便前往某一座城市，亦或是一个不知名的乡村小镇，在湖畔或广场呆上半天时间，久久不愿离开，第二天回家，当做什么都没有发生一样。但这些显得有些不切实际，因为这其中的道路实在有些遥远，更何况还要载上自己的女友一起环游世界。几天前我便和同事一起实现了这个愿望，那
23、一刻我在爱玛电动车展位现场才发现，如此才叫生活.身为小年轻的我们，不需要太多的功能，只要外观逞心那就万事OK。002爱玛电车豪华款一眨眼，2013年的第一个月已经过去一半，老百姓们依然忙碌准备着自己的年货，各大企业则还在为年会疲于奔命。 作为国内简易王牌的艾玛，也相中了豪华车型换代和更新最为忙碌的台州生产线，与欧派、富士达、比德文、宝岛等企业展开2013跨时代的豪华车型竞争。 除了目前市场上一直深受追捧的爱玛可酷、可迈等紧凑型当家车型外，在2012南京电动车展会上爱玛豪华车型也曾受到业内的广泛关注。下面就让我们为大家来逐一盘点2013年艾玛电动车新款的配置和外貌，也为您2013年的挑车、选车提
24、供一些参考。003爱玛锂电车爱玛锂电，在爱玛展位占得一席之地。小编从续行里程、链条、刹车制动上对爱玛锂电车作了一个简单统计：爱玛锂电的续行里程除了电池容量决定外，轮胎的尺寸大小也是续行里程一大决定因素，14寸与16寸锂电车的续行里程存在5公里的差异，另外爱玛锂电车的续行里程范围大都在30公里至40公里左右。另外，爱玛锂电车跟自行车有异曲同工之精妙，链条的多档变换装置、轮胎的防滑助力配置、以及鞍座的小巧设计，无一不体现爱玛在精品的打造中也寻找多元化的产品，向更优质的产品进军。第六章 网站详细设计6.1 后台管理系统界面 管理员登陆 新闻发布界面编辑新闻发布的主要代码：信息列表var highli
25、ghtcolor=#eafcd5;/此处clickcolor只能用win系统颜色代码才能成功,如果用#xxxxxx的代码就不行,还没搞清楚为什么:(var clickcolor=#51b2f6;function changeto()source=event.srcElement;if (source.tagName=TR|source.tagName=TABLE)return;while(source.tagName!=TD)source=source.parentElement;source=source.parentElement;cs = source.children;/alert(c
26、s.length);if (cs1.style.backgroundColor!=highlightcolor&source.id!=nc&cs1.style.backgroundColor!=clickcolor)for(i=0;ics.length;i+)csi.style.backgroundColor=highlightcolor;function changeback()if (event.fromElement.contains(event.toElement)|source.contains(event.toElement)|source.id=nc)returnif (even
27、t.toElement!=source&cs1.style.backgroundColor!=clickcolor)/source.style.backgroundColor=originalcolorfor(i=0;ics.length;i+)csi.style.backgroundColor=;function clickto()source=event.srcElement;if (source.tagName=TR|source.tagName=TABLE)return;while(source.tagName!=TD)source=source.parentElement;sourc
28、e=source.parentElement;cs = source.children;/alert(cs.length);if (cs1.style.backgroundColor!=clickcolor&source.id!=nc)for(i=0;ics.length;i+)csi.style.backgroundColor=clickcolor;elsefor(i=0;ics.length;i+)csi.style.backgroundColor=; 信息列表 列表 新闻动态 时间 %Connection conn =
29、 null;Statement stmt = null;ResultSet rs = null;String strSQL = ;int PageSize =2;int Page = 1;int totalPage = 1;int totalrecord = 0;tryClass.forName(sun.jdbc.odbc.JdbcOdbcDriver);catch(ClassNotFoundException ce)out.println(ce.getMessage();tryString strDirPath=pageContext.getServletContext().getRealP
30、ath(/); strDirPath=strDirPath.replace(,/);String strUrl=jdbc:odbc:driver=Microsoft Access Driver (*.mdb);DBQ=+strDirPath+database/AM.mdb;conn=DriverManager.getConnection(strUrl) ;stmt=conn.createStatement(ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY);/算出总行数strSQL = SELECT count(*) as
31、 recordcount FROM xw;rs = stmt.executeQuery(strSQL);if (rs.next() totalrecord = rs.getInt(recordcount);/输出记录strSQL = SELECT * FROM xw order by id asc; rs = stmt.executeQuery(strSQL);if(totalrecord % PageSize =0)/ 如果是当前页码的整数倍totalPage = totalrecord / PageSize; else / 如果最后还空余一页totalPage = (int) Math.f
32、loor( totalrecord / PageSize ) + 1; if(totalPage = 0) totalPage = 1;if(request.getParameter(Page)=null | request.getParameter(Page).equals()Page = 1;elsetry Page = Integer.parseInt(request.getParameter(Page); catch(java.lang.NumberFormatException e)/ 捕获用户从浏览器地址拦直接输入Page=sdfsdfsdf所造成的异常Page = 1;if(Page totalPage) Page = totalPage;rs.absolute(Page-1) * PageSize + 1);for(int iPage=1; iPage img src=images/tab_20.gif
