天津冶金职业技术学院
网页设计与制作实训报告
——冶金饰品店网上购物系统设计与实现
专 业：电子商务专业
班 级：电商2班
组 员：尹aq
张qy
张 tw
李 xg
郭 tj
实训成绩：
课程成绩：
年6月13号
小组分工
尹aq：数据表结构
系统模块划分
张qy：系统业务流程图
参考文献
张xg： 网页所使用的技术
李tw： 系统详细设计
郭tj; 网页技术小结
引言
随着网络技术的普及以及快速的发展，网页成为媒体传播的一个重要途径，我们足不出户就可以了解天下事，做我们以前不能在家做的事。企业在电子商务的潮流中对电商网页的要求也越来越高，客户在通过网页浏览、查询想要知道了解企业的信息，通过这样一个途径使企业与客户间沟通越来越便利
因为时间以及个人能力等多方面的原因，本系统有许多不完善的地方，在以后的学习中会不断的改进，希望老师能给点意见。
一、系统模块划分
系统设计的总体规则
企业平台主要是对后台管理和前台操作。后台管理是管理员对本网站的维护，通过企业资料（企业文化、企业介绍、企业概述）、企业新闻中心（会员注册、优秀员工）等功能达到对网站的管理。前台操作是用户登录到本网站，可以进行用户注册。
无论哪个网站都要有它自己的设计规则。该平台也一样，它的主要设计规则有：
简单性：在实现平台的功能的同时，尽量让平台操作简单易懂，这对于一个网站来说是非常重要的。
针对性：该平台设计是企业系统及后台管理的定向开发设计，所以具有专业突出和很强的针对性。
实用性：该平台能完成电子商品展示和管理员管理的基本信息，具有良好的实用性。
企业系统总体模块
二、系统业务流程图
三、数据表结构
客户信息表
| 字段名 | 数据类型 | 说明 |
| UserID | 自动编号 | 客户编号，主键 |
| UserName | 文本 | 客户名 |
| UserPassword | 文本 | 客户登陆密码 |
| UserEmail | 文本 | 邮箱 |
| Sex | 数字 | 性别 |
| addDate | 日期/时间 | 注册时间 |
| Logins | 数字 | 登录次数 |
| Usercookies | 数字 | 电脑是否保存用户信息 |
| Birthday | 日期/时间 | 生日 |
| Quesion | 文本 | 安全问题 |
| Answer | 文本 | 安全答案 |
| Address | 文本 | 地址 |
管理员数据表
管理员信息表
| 字段名 | 数据类型 | 说明 |
| ID | 自动编号 | 管理员编号，主键 |
| UserName | 文本 | 用户名 |
| Password | 文本 | 用户密码 |
| LastLogin | 日期/时间 | 上次登录时间 |
| LastLoginIP | 数字 | 上次登录IP |
附
友情连接表
| 字段名 | 数据类型 | 说明 |
| Linkid | 自动编号 | 连接编号，主键 |
| Linkname | 文本 | 连接网站名 |
| Linkurl | 文本 | 连接网址 |
| Linkidorder | 数字 | 网址顺序 |
新闻及公告的管理
| 字段名称 | 数据类型 | |
| Id | 自动编号 | 新闻ID |
| Title | 文本 | 名称 |
| Content | 备注 | 内容 |
| Indate | 日期/时间 | 发表时间 |
| State | 是/否 | 状态 新闻 公告 |
会员数据表
网站的基本信息设置
| Personal | 文本 | 身份证号码 | |
| Sex | 是/否 | 男/女 | |
| Indate | 文本 | 注册时间 | |
| Webmail | 文本 | 联系电邮 | |
| Post | 文本 | 邮编 | |
| Phone | 文本 | 电话 | |
| Copyright | 文本 | 版权 | |
| Weblogo | 文本 | 网站logo | |
| Address | 文本 | 联系地址 | |
网站设置数据表
2 数据库逻辑结构设计
数据库设计要遵循一些规则，一个好的数据库满足一些严格的约束和要求。尽量分离各实体对应的表，一个实体对应一个表，搞清楚该实体有哪些属性，对应有些什么字段，以及各实体之间有何种联系。实体、属性与联系是进行概念设计时要考虑。
数据库关系图
四、网页所使用的技术
1. 程序开发的技术基础
1） HTML语言
HTML（Hyper Text Markup Language 超文本标记语言）是一种用来制作超文本文档的简单标记语言。与常见的字处理文件不同,Web页以超文本标识语言编排格式。HTML文件是带有特定HTML插入标记的用以编排文档属性和格式的标准文本文件。它能于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web上的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage的连结信息。
HTML文档（即Homepage的源文件）是一个放置了标记的ASCII文本文件，通常它带有. html或. htm的文件扩展名。生成一个HTML文档主要有以下三种途径：
（1）手工直接编写（例如用你所喜爱的ASCII文本编辑器或其它HTML的编辑工具）。
（2）通过某些格式转换工具将现有的其它格式文档（如WORD文档）转换成HTML文档。
（3）由Web服务器（或称HTTP 服务器）一方实时动态地生成。
一般的HTML页面具有如下的结构：
〈html〉
,<base>,<link>,<is index>,<meta><p> </head><p> <body><p> 这是HTML正文部分<p> 〈/body〉<p> </html><p>可见在一个HTML网页文件中，一般必须有一对〈html〉</html>标记作为文件的开头和结尾，在<html>标记后是头部标记<head></head>,其后是实体标记<body></body>。<p>2） JAVASCRIPT语言<p>JAVASCRIPT脚本语言脚本是应用程序在网页上表达的语言,可以将脚本嵌入Web页中。通常脚本在服务器上运行,但也可以采用客户端和服务器端结合使用JAVASCRIPT脚本语言。<p>2. ASP技术<p>1） ASP概述<p>ASP（Active Sever Pages动态网页）是微软公司推出的一种用以取代CGI(Common Gateway Interface)技术。目前，Internet上的许多基于Windows平台的Web站点已开始应用ASP来替换CGI。<p>ASP是一个位于服务器端的脚本运行环境。通过这种环境，用户可以创建和运行动态的交互式Web服务器应用程序，如交互 式动态网页，包括使用HTML 表单收集和处理信息、上传与下载等。 通常情况下，用户通过浏览器看到的网页大多是静态的，目前Internet上的许多站点，仍然提供“静态”（static）的主页内容。所谓“静态”，是指站点的主页内容是“固定不变”的。一个“静态”的站点，若要更新主页的内容，必须手动更新其 HTML的文件数据。而随着Web技术的发展，用户希望能够看到根据要求而动态生成的主页，例如响应用户查询数据库的要求而生成报表等。站点服务器收到要求执行的应用程序，分析表单（form）的输入数据，将执行的结果以HTML的格式传送给浏览器。根据用户请求生成动态主页的传统方法有CGI、ISAPI等。CGI是根据浏览器端的http请求激活响应进程，每一个请求对应一个进程。当同时有很多请求时，程序挤占系统资源，造成效率低下。ISAPI针对这一缺点进行了改进，利用dll（动态链接库技术），以线程代替进程，提高了性能和速度，但要考虑线程的同步问题，而且开发步骤烦琐。这两种技术和另一普遍使用的开发动态网页的技术 Java都还存在着另外一个问题，那就是开发困难，程序的开发和HTML写作是两个完全不同的过程，需要专门的程序员开发。ASP使用的ActiveX技术基于开放设计环境，用户可以自己定义和制作组件加入其中，使自己的动态网页几乎具有无限的扩充能力，这是传统的CGI等程序所远远不及的地方。<p>2） ASP特点<p> ASP具有易用性、兼容性、安全性、可扩充性等特点：<p>易用性：使用VBScript、JavaScript等简单易学的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。无须编译、容易编写，可在服务器端直接执行。使用普通的记事本既可以进行编辑设计。<p>兼容性：ASP能与任何ActiveX语言相容，除了可使用 VBScript、JavaScript等语言设计外，通过plug-in的方式，还可以使用第三方所提供的其他脚本语言。<p>安全性：ASP的源代码不会被传到客户浏览器，从而避免了缩写的源程序被他人剽窃，从而提高了程序的安全性。<p>可扩充性：可以使用 Visual Basic、 Java、Visual C++和 COBOL等编程语言来编写所需的服务器控件。<p>3） ASP工作原理<p>ASP与常见的在Client端实现动态主页的技术如Java applet、 ActiveX Control、VBScript、JavaScript等不同，ASP中的命令和 Script语句都是由服务器来解释执行的，执行结果产生动态生成的Web页面并送到浏览器；而Client端的Script命令则是由浏览器来解释执行。由于 ASP是在服务器端解释执行，开发者可以不必考虑浏览器是否支持ASP，也不必担心别人下载程序从而窃取编程逻辑。ASP程序通过后缀名为asp的ASP文件来实现其功能，一个asp文件相当于一个可执行文件，因此必须放在Web服务器上有可执行权限的目录下。当用户从浏览器输入了asp文件的地址后，浏览器就将这个URL请求发给Web服务器。如果Web服务器上装ASP，就调用ASP，ASP读出相应asp文件，解释并执行命令，动态生成一个HTML页面回传Web服务器，然后Web服务器把结果发送给浏览器。ASP文件的制作和HTML类似，且可和HTML开发集成，可以在同一个过程完成，利用ASP将可以执行的脚本嵌入到HTML文件中，这使得HTML文件的编写与脚本的开发融合在一起。通过ASP内置的对象、服务器组件（Sever Component）可以完成非常复杂的任务，而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务。<p>ASP与网关及服务器扩展模式相比有以下优点：<p>（1）完全与HTML文件融合在一起； <p>（2）容易创建，不需要其它编译、链接程序；<p>（3）面向对象的并通过ActiveX Sever对象可扩展。<p>在电子商务中，对用户而言，进行网上信息查询的目的是寻找自己需要的产品或服务，而对于服务提供者来说，其目的则是向用户推销自己的产品或服务。因此，让用户通过浏览器查询服务的后端数据是许多Web服务提供者必须提供的服务，ASP通过内置的ADODB组件来实现这一功能。可以使用ADO去编写紧凑简明的脚本，以便连接到ODBC兼容的数据库和OLE DB兼容的数据源。<p>4） ASP的发布<p>当编辑好ASP文件后，必需发布后才能实现其功能，ASP文件本身并不能运行。我们用Windows自带的工具IIS（windows2000 XP）来发布ASP文件。（Windows 98用PWS发布）<p>IIS的配置在本次设置中相当重要，IIS是我们测试网站的一个平台，在ASP开发中，少不了使用IIS，本设置使用的是WINDOW XP 中的 IIS 5.1 。操作如下：<p> 1、点击“开始” “设置” “控制面版” “管理工具” “Internet 信息服务”，打开IIS配置控制面版。<p> 2、点击进入“网站” “默认网站”，然后右键“属性”，弹出“默认网站 属性”对话框。<p> 3、在“默认网站 属性”对话框中选择“主目录”，选择你存放网页的文件夹，其它值默认。<p> 4、选择“文档”选项卡，添加自己网页默认的文件名，如“index.asp”。<p> 通过上述操作，你的IIS基本上就配置好了，如过你要访问，你可以直接输入以下IP：http://127.0.0.1，您的网站就能在浏览器中显示信息或错误信息了。<p>3. 数据库原理<p>1） SOL语言简单介绍<p>SQL是英文Structured Query Language的缩写，意思为结构化查询语言。 <p> SQL语言的主要功能就是同各种数据库建立联系，进行沟通。按照ANSI（美国国家标准协会）的规定，SQL被作为关系型数据库管理系统的标准语言。SQL语句可以用来执行各种各样的操作，例如更新数据库中的数据，从数据库中提取数据等。 <p> 目前，绝大多数流行的关系型数据库管理系统，如Oracle、 Sybase、 Microsoft SQL Server、 Access等都采用SQL语言标准。虽然很多数据库都对SQL语句进行了再开发和扩展，但是包括Select、Insert、Update、Delete、Create 以及Drop在内的标准的SQL命令仍然可以被用来完成几乎所有的数据库操作。<p>在众多的SQL命令中，select语句应该算是使用最频繁的。select语句主要被用来对数据库进行查询并返回符合用户查询标准的结果数据。select语句中位于select关键词之后的列名用来决定哪些列将作为查询结果返回。用户可以按照自己的需要选择任意列，还可以使用通配符“*”来设定返回表格中的所有列。<p>select语句中位于from关键词之后的表格名称用来决定将要进行查询操作的目标表格。<p>除了上面所提到的运算符外，LIKE运算符在where条件从句中也非常重要。LIKE运算符的功能非常强大，通过使用LIKE运算符可以设定只选择与用户规定格式相同的记录。<p>2） ADO技术介绍<p>ADO（ActiveX Data Objects）技术是微软公司推出的数据库连接技术，运用该技术可以对各种数据库（如SQL Server、Access、Oracle及Sybase等）的链接、查询、存取等操作。<p>ADO对象给开发人员提供一种快捷、简单、高效的数据库访问方法，ADO可以包含在脚本中来产生对数据库的连接，并从数据库表中读取数据，形成实际要使用的对象集合。而且，对于数据资源，提供了应用程序一级的界面。不过，ADO并不与数据资源直接通信，而是通过称为OLE DB的中间界面，对于数据资源（Microsoft SQL Server），OLE DB提供了系统一级的界面。<p>ADO是一组优化的访问数据库的对象集，为Web数据库开发者提供完整的网站数据库解决方案。ADO可以与ASP紧密结合，运行在服务器端，从而制作出功能完善的数据库网页。ADO除了支持各种数据库平台外，它还支持VB、VC和Script等多种程序设计语言。<p>在利用ADO技术进行数据库网页制作的第一步就是要建立服务器端的数据库，即后台数据库，一般可选择SQL Server或者Access作为后台数据库。本次的毕业设计是以Access作为后台数据库。<p>3） Access数据库<p>Access是一个数据库管理系统，它之所以被集成到Office中而不是Visual Studio中，是因为它与其它的数据库管理系统（如Visual FoxPro）相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是，Access的功能足够强大，足以应付一般的数据管理及处理需要。<p>Access可以实现建立数据库、报表，以及对数据库、报表的修改、查询等功能。 VBScript 和JavaScript 等脚本语言融合在一起的技术。<p>五、系统详细设计<p>界面设计与实现<p>1.连接方式<p> 本系统采用ADO连接方式，通过ADO把数据库与界面连接起来，把数据库的内显示于主界面，主界面的信息保存与数据库中，实现数据间的传递与存储。本系统中把该方法单独放入到conn.asp中,因为驱动要重复使用，为了方便，一般我们就把它单独放在一页中，当使用时，可以用<!--#include file=”conn.asp”-->调用。<p> 2.前台显示与会员管理<p>1） 主界面设计与实现<p> 前台主要分为信息显示（如商品信息、商品分类、商品资讯等）和会员管理（如会员注册、购物车、修改会员信息、会员订单等）。信息显示供会员查看与订购。每个前台界面都分为上、下、左、右四个版块。上为top.asp主要是设置网站的logo、网站导航条等，调用的方法也是<!--#include file=”conn.asp”-->；下为脚注，主要显示网站的版权、联系信息；左为辅助工具（如登陆框、排行榜、分类）；右为具体操作与显示的版块。主界面如图所示：<p>2） 登陆页面设计与实现<p> 登陆界面提供给浏览者登陆、注册、找密码的入口。登陆界面前后如图所示：<p>登陆前的登陆框 登陆后显示个人信息<p>登陆成功后，系统将把用户的ID等信息通过cookies存起来。返回是就是通过cookies的值来判断会员是否登陆。只有退出或关闭界面时，cookies的值才回清空。如图(b)。<p>会员登陆的主要实现如下代码（checklogin.asp）：<p><%<p>dim username,upassword,comeurl,Getcode<p>username=replace(trim(request("username")),"'<p>upassword=md5(replace(trim(request("upassword")),"'<p>Getcode=replace(trim(request("Getcode")),"'<p>if username="" or upassword="" then<p> response.write "<script LANGUAGE='javascript'>alert('您的用户名或密码有误！');history.go(-1);</script>"<p> response.end<p>end if<p>if cstr(session("pSN"))<>cstr(trim(request("Getcode"))) then<p> response.Write "<script LANGUAGE='javascript'>alert('请输入正确的验证码！');history.go(-1);</script>"<p> response.end<p>end if<p>set rs=server.CreateObject("adodb.recordset")<p>rs.Open "select * from [user] where username='"&username&"' and password='"&upassword&"' " ,conn,1,3<p>if not(rs.bof and rs.eof) then<p> if upassword=rs("password") then<p> response.cookies("user")("username") = trim(request("username"))<p> response.cookies("user")("vip")=rs("vip")<p> rs("lastlogin")=now()<p> rs("hits")=rs("hits")+1<p> rs("zhifen") = rs("zhifen") + 1<p> 'rs("userlastip")=Request.ServerVariables("REMOTE_ADDR")<p> rs.Update<p> end if<p>end if<p>rs.Close<p>set rs=nothing<p>if session("UserID") <> "" then<p> conn.execute("delete from BuyGood where UserID = "&session("UserID")&" and GoodState = 9")<p>end if<p>response.Redirect("index.asp")<p>%><p>6) 其它设计与实现<p> 客户的信息只对客户开放，为了防止用户的非法进入，我们设计了session.asp页面，目的就是验证用户是否合法，只有符合信息的才给予进入。代码如下：<p><%<p>if request.Cookies("user")("UserID") = "" then<p> response.Cookies("shangcheng").Expires = NOW() -1<p> response.Write("<script language=javascript>alert('登陆超时或您还没登陆！');location.href='userlogin.asp';</script>")<p>end if<p>%><p> 为了防止网站注入非法代码，系统中还设置了防注入脚本，过滤掉非法的关键字符。其内容设计在<!--#include file=”sql.asp”-->，这样就可以加强网站的安全性。<p>3 后台设计与实现<p>1) 登陆界面设计<p> 后台只能给管理员进入使用，所以要严格控制访问的权限。进入后台要有登陆界面，登陆采用账号、密码、验证码、MD5四步验证。<p>系统后台登陆<p>登陆代码如下（admin/login.asp）：<p><%<p>username=replace(request.form("username"),"'<p>password=replace(request.form("password"),"'<p>aRePassWD = Trim(Request("checkcode"))<p>If aRePassWD = CStr(Session("pSN")) Then<p> sql="select * from admin_login where(username='"&username&"' and password='"&md5(password)&"')"<p> set rs=server.createobject("adodb.recordset")<p> rs.open sql,conn,1,1<p> if not rs.eof then<p> session("type_admin")=username<p> response.Redirect "AdminIndex.asp"<p> else<p> session("type_admin")=""<p> response.Redirect "Error.asp"<p> end if<p> rs.close<p> conn.close<p>Else <p> response.Redirect "Error.asp"<p>End If<p>%><p>验证通过后，页面将转到后台管理的主界面。<p>2) 后台管理主界面设计与实现<p>主界面分为左右两版块，左边是菜单设置，右边是具体操作模块。其界面如图所示：<p>系统后台主界面<p>菜单分为管理员管理、公司简介、新闻中心管理、在线招聘等部分下<p>3) 网站设置设置实现<p> 网站设置如图所示：<p>网站设置及其相关操作<p>管理员管理设置包括网站设置、密码修改、是部分。网站设置为网站的基本设置，如名称、logo图、地址等网页信息。这些信息可以显示在页面的下方几头部；密码修改针对管理用户的密码修改，属于人员管理的一部分 <p>企业介绍修改管理员界面：<p>添加按钮代码实现（admin/password.asp）：<p><%<p>if request.querystring("act")="tj" then<p>set rsa=server.createobject ("adodb.recordset")<p>sqla="select * from admin_login"<p>rsa.open sqla,conn,3,3<p>rsa.addnew<p>rsa("username")=request.form("username")<p>rsa("password") = md5(request.Form("password"))<p>rsa.update<p>rsa.close<p>set rsa = nothing<p>response.Redirect("password.asp")<p>else<p>%><p> 修改代码实现（admin/pass.asp）：<p><%<p> if request.querystring("act")="xg" then<p> set rs1=server.CreateObject("adodb.recordset")<p> sql1="select * from admin_login where id ="&nID<p> rs1.open sql1,conn,1,3<p> rs1("password")=md5(request.form("password"))<p> rs1.update<p> rs1.close<p> response.Redirect("password.asp")<p> end if<p>%><p> 删除代码实现（admin/pass.asp）：<p><%<p> if request.querystring("act")="del" then<p> sql1="delete from admin_login where id ="&nID<p> conn.execute(sql1)<p> conn.close<p> set conn = nothing<p> response.Redirect("password.asp")<p> end if<p>%><p>4） 客户管理设计与实现<p> 客户管理的内容如图所示<p> <p>6） 友情链接设计与实现<p> 界面如图所示：<p> 新闻管理界面：<p>7） 其它设计与实现<p> 后台只对管理员开放，为了防止用户的非法进入，我们设计了session.asp页面，目的就是验证用户是否合法，只有符合信息的才给予进入。代码如下：<p><%<p>if session("type_admin") = "" then<p>Response.Redirect("index.asp")<p>Response.End()<p>end if<p>%><p> 为了防止网站注入非法代码，系统中还设置了防注入脚本，过滤掉非法的关键字符。其内容设计在<!--#include file="sql.asp"-->，这样就可以加强网站的安全性。<p>：<p>六、小结<p> 本次设计已经可以实现系统的运行，设计到这里就告一段落，在系统投入运行中还要不断改进、不断完善。在实践中接受考验，才能检验出更出色的系统。企业网站安全性的要求是相当高的，这需要服务器和系统本身要有一定的免疫能力。在开发过程中，我总结了以下几点多系统安全造成影响的因素：<p>1.服务器本身的设置。服务器本身就存在许多不安全的因素，这也要求管理人员不断对系统更新、打补丁，如若不然，后果是很严重的；<p>2.系统代码设置。在代码设计过程中，太多暴露出数据库的信息，也会造成系统危机的一个因素；<p>1代码注入。这是网页中常见的一种漏洞，破坏者利用一些关键字进行代码的注入；<p>2登陆控制。网页中有的页面只有特定的状态才能进入，比如后台，如没有控制登陆的话，谁都可以进入您的后台，后果也可想而知。<p>3上传控制。这也是网页中常见的漏洞，人们利用上传的漏洞，上传一些获取服务器信息的远程软件或代码，相信您的网站将面临大难。<p>以上就是我对网站安全的一点认识，其实在我们设计的过程或日常生活中，只要稍微留意别的作品等，都能意思到上述的漏洞。关键就要我们去掌握它们，控制他们，保障我们网站安全。<p> 经过本次设计，进一步加深了我们对WEB的结构的认识，对ASP和IIS构建网站的体系有这更深的认识、理解。这对以后的就业工作是很有帮助的。<p>参考文献<p>[1]袁晓红 网页设计与制作[M] 高等教育出版社 2009年 10月第一版<p>[2]龙马工作室.ASP+ SQL Server组建动态网站[M].北京：人民邮电出版社，2004年8月第一版.<p>[3]郝阿朋，杨清编著.WEB 网页开发基础教程[M].北京：国防工业出版社2001.5.<p>[4]潘英伟,曾志编著.网站开发实用手册[M].北京：中国广播电视出版社，2001.6.<p>[5]汪晓平、钟军.ASP网络开发技术[M].北京：人民邮政出版社，2003年12月第二版.<p>[6]张一鸣、桂林、张家祥.个人网站组建实用教程[M].西安：电子科技大学出版社，2004年1月第一版.<p><script type="text/javascript" src="https://jss.51dongshi.net/pcwz/dysph.js"></script></div>
<div class="downbox clearfix">
<div class="ico"><img src="https://js.51dongshi.net/tpl/pc2/images/document.png" alt="文档"></div>
<div class="txt">
<h4>网页设计及制作实训报告</h4>
<div class="co">天津冶金职业技术学院网页设计与制作实训报告——冶金饰品店网上购物系统设计与实现专业：电子商务专业班级：电商2班组员：尹aq张qy张tw李xg郭tj实训成绩：课程成绩：年6月13号小组分工尹aq：数据表结构系统模块划分张qy：系统业务流程图参考文献张xg：网页所使用的技术李tw：系统详细设计郭tj;网页技术小结引言随着网络技术的普及以及快速的发展，网页成为媒体传播的一个重要途径，我们足不出户就可以了解天下事，做我们以前不能在家做的事。企业在电子商务的潮流中对电商网页的要求也越来越高，客户在通过网</div>
<div class="tj"><b>推荐度：</b><div class="tj_stars_list"><i class="tj_stars tj_05"></i></div></div>
</div>
<div class="btn">
<a href="javascript:;" class="html2word" data-model="article" data-id="rccebedbb" title="文档下载">
<b>点击下载本文</b>
<span>文档为doc格式</span>
</a>
</div>
</div>
<script>keji_detail_ga('article_content_bottom');</script>
<div class="tvideo_box tvideo_box_tab">
<div class="hd">
<ul><li class="on">热门焦点</li><script>keji_detail_ga('hot_jiaodian_tab_title');</script></ul>
</div>
<div class="bd">
<ul class="ult_jpic clearfix">
<script>get_hot_jiaodian_content('wz_hot_jiaodian',374,'hot',1);</script>
</ul>
</div>
</div>
</div>
<!--中间文章 end-->
<!--右侧专题 star-->
<div class="ult_zt">
<script>keji_detail_ga('article_right_top');</script>
<div class="ult_ztbox">
<h4>最新推荐</h4>
<ul class="tvideo_r_a clearfix">
<script>get_detail_right('wz_right_new',374,'')</script>
</ul>
</div>
<script>keji_detail_ga('article_right_middle');</script>
<div class="ult_ztbox">
<h4>猜你喜欢</h4>
<ul class="telist_rb clearfix">
<script>get_detail_right('wz_right_love',374,'')</script>
</ul>
</div>
<script>keji_detail_ga('article_right_new_bottom');</script>
<div class="ult_ztbox">
<h4>热门推荐</h4>
<ul class="tvideo_r_b clearfix">
<script>get_detail_right('wz_right_hot',374,'')</script>
</ul>
</div>
<script>keji_detail_ga('article_right_bottom');</script>
</div>
<!--右侧专题 end-->
<div style="display:none"><a href="https://www.51dongshi.net/wzztf/rcceb/rccebedbb/">专题</a>
</div>
</div>
</div>
<script src="https://js.51dongshi.net/plug/qrcode/qrcode.min.js"></script>
<script src="https://js.51dongshi.net/js/share.js" charset="UTF-8"></script>
<script type="text/javascript" src="https://js.51dongshi.net/tpl/pc2/js/waypoints.min.js"></script>
<script type="text/javascript" src="https://js.51dongshi.net/tpl/pc2/js/icon_step.js"></script>
<style>
#qrcode{padding: 15px;background: #fff;}
</style>
<div id="qrcode" style="display: none"></div>
<script>new QRCode(document.getElementById("qrcode"), "https://m.51dongshi.net/eedfrccebedbb.html");</script>
<iframe src="https://hits.51dongshi.net/?biao=ho_article&id=188060266" border="0" frameborder="0" style="width: 0px; height: 0px"></iframe>
<script src="https://js.51dongshi.net/js/shHighlighter.js"></script>
<link rel="stylesheet" href="https://jss.51dongshi.net/js/fffz/css/box.css">
<script id="fffz" data-domain="//www.51dongshi.net/index" src="https://js.51dongshi.net/js/fffz/fffz.js"></script>
<script type="text/javascript" src="https://jss.51dongshi.net/pcwz/tj.js"></script>
<div style="display:none"><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?4b1ebb0298b66c8a109db070c4878833";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
<!--foot star-->
<div class="footer">
<div class="m_box">
<div class="footer_in">
<a href="#" target="_blank">产品服务</a>
<a href="#" target="_blank">发展历程</a>
<a href="#" target="_blank">企业资讯</a>
<a href="#" target="_blank">企业文化</a>
<a href="#" target="_blank">关于我们</a>
<a href="#" target="_blank">加入我们</a>
<a href="#" target="_blank">联系我们</a>
<a href="#" target="_blank">网站导航</a>
<a href="#" target="_blank">网站律师</a>
</div>
<ul class="ftrlist">
<li>
<a rel="nofollow" href="https://www.itrust.org.cn" target="_blank">
<img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo01.gif" alt="中国互联网协会"></a>
</li>
<li>
<a rel="nofollow" href="https://www.12377.cn/" target="_blank">
<img src="https://js.51dongshi.net/tpl/pc2/images/12377logo.png" alt="中国互联网举报中心"></a>
</li>
<li>
<a rel="nofollow" href="http://www.cyberpolice.cn/" target="_blank">
<img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo05.gif" alt="网络110报警服务"></a>
</li>
<li>
<a rel="nofollow" href="http://www.creditchina.gov.cn/" target="_blank">
<img src="https://js.51dongshi.net/tpl/pc2/images/creditchina.gif" alt="信用中国"></a>
</li>
<li class="last">
<a rel="nofollow" href="http://www.shdf.gov.cn/shdf/channels/740.html" target="_blank">
<img src="https://js.51dongshi.net/tpl/pc2/images/footer_logo11.png" alt="中国扫黄打非网"><p>中国扫黄打非网</p>
</a>
</li>
</ul>
<div class="footer_co">
<a href="/" class="footlogo"><img src="https://js.51dongshi.net/tpl/pc2/images/logo.png" alt="动视"></a>
<p>Copyright © 2019-2025 <a href="/" target="_blank">51dongshi.net</a> 版权所有</p>
<p>
<a rel="nofollow" target="_blank" href="https://beian.miit.gov.cn/">赣ICP备2023002352号-34</a>
</p>
<p>违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务</p>
</div>
</div>
</div>
<!--foot end-->
<a href="#0" class="cd-top">Top</a>
<script type="text/javascript">
$(function(){
var _line=parseInt($(window).height()/3);
$(window).scroll(function(){
if ($(window).scrollTop()>100) {
$('.edu_top').css({'position':'fixed','top':'0','z-index':'99'})
}else{
$('.edu_top').css({'position':'relative','top':'0'})
}
})
})
</script>
<script type="text/javascript" src="https://jss.51dongshi.net/ga/all.js"></script>
</body>
</html>
