校园网上便利店

摘要

跟着互联网购物的体例的日趋遍及，网购逐步成为了大多数人们的一个首要

生活体例。在许多大学校园里，师生们也迎合着互联网的日益发展，学会了在网

上置办自己想要购买的商品，但是，却一直没有一个较为完善的网上便利店，来

为他们提供便捷的购买日用品以及急需品的服务。对此，校园里的师生们经常需

要外出去商店购买，极大的浪费的师生们的工作学习时间。对此，我打算设计一

个专门为大学师生们服务的网上便利店系统，解决师生们的此类问题，为校园里

的师生们节约工作学习的时间。

通过该系统的开发应用，师生们就可以足不出户买东西，并且还提供送货上

门服务，为师生们解决外出购物所带来的时间浪费的问题。

我的这个校园网上便利店系统的开发环境是以Microsoft.VisualStudio

2010作为系统的开发环境的，IntelliJIDEA作为前端页面以及后台控制中心的

呈现和对接，SQLyog昨为后台服务数据库。以实现实时网上选购商品的一套软

件系统。它由5个模块组成，分别为用户管理部分，商品管理部分，订单管理部

分，管理员管理部分和登陆注册部分。这套系统有着明确的权限划分，采用垂直

式管理，分工明确，责任清晰。使得管理人员可以有效的管理本管辖范围的替代

企业。

系统的实现对师生们节约工作学习时间有着重要的、深远的意义，既节省时

间，又大大提高了工作效率。该系统开发后具备着很强的实用性和重要的推行价

值。

关键词：网上便利店；系统；管理

Abstract

WiththeincreasingpopularityofInternetshopping,onlineshoppinghas

graduallybecomeaprimarywayoflifeformostpeople.Inmanyuniversitycampuses,

teachersandstudentsalsocatertothegrowingdevelopmentoftheInternetand

learntobuythegoodstheywanttobuyonline.However,therehasnotbeena

relativelyperfectonlineconveniencestoretoprovidethemwithconvenientservices

forpurchasingdailynecessitiesandurgentlyneededgoods.Inthisregard,the

teachersandstudentsinthecampusoftenneedtogoouttothestoretobuy,which

isagreatwasteofteachersandstudents'workingandlearningtime.Inthisregard,I

intendtodesignanonlineconveniencestoresystemforcollegeteachersand

students,tosolvesuchproblemsofteachersandstudents,andtosaveworkingand

learningtimeforteachersandstudentsoncampus.

Throughthedevelopmentandapplicationofthesystem,teachersandstudents

cannotleavehometobuythings,andalsoprovidedoor-to-doordeliveryservice,to

solvetheproblemoftimewastecausedbyshoppingforteachersandstudents.

Thedevelopmentenvironmentofmycampusonlineconveniencestoresystem

isMicrosoftVisualStudio2010asthedevelopmentenvironmentofthesystem,

IntelliJideaasthefrontpageandbackgroundcontrolcenterpresentationand

docking,sqliogasthebackgroundservicedatabase.Inordertoachieveareal-time

onlineshoppingsoftwaresystem.Itconsistsoffivemodules,whichareuser

management,commoditymanagement,ordermanagement,administrator

managementandloginregistration.Thesystemhasclearauthoritydivision,vertical

management,cleardivisionoflaborandclearresponsibility.Sothatmanagerscan

effectivelymanagethescopeofthisjurisdictionofalternativeenterprises.

Therealizationofthesystemhasanimportantandfar-reachingsignificancefor

teachersandstudentstosaveworkingandlearningtime.Itnotonlysavestime,but

alsogreatlyimprovesworkefficiency.Afterthedevelopmentofthesystem,ithasa

strongpracticabilityandimportantimplementationvalue.

Keywords:Onlineconveniencestore;system;Administration

目录

摘要1

Abstract2

目录3

第一章绪论5

1.1系统开发背景5

1.2开发工具介绍6

1.2.1IntelliJIDEA6

1.2.2SQLyog6

1.2.3JDK6

1.2.4Mysql8

第二章需求分析9

2.1功能需求9

2.2性能需求10

2.3可靠性和可用性需求11

2.4出错处理需求12

第三章概要设计13

3.1总体设计13

3.2前端设计14

3.3后台设计14

3.4数据库设计15

3.4.1顾客信息15

3.4.2管理员信息16

3.4.3商品信息16

3.5实体一联系图17

第四章详细设计19

4.1注册19

4.2登陆20

4.3前端主页21

第一章绪论

1.1系统开发背景

在过去，网购从一个不存在的购物方式变成了-一个现在触手可及的行业。现

在网上购物似乎已经成为全世界无数人的购物方法。从近儿年的数据看来，在网

上购物的人是越来越多了。这么多年来，网上购物为什么会增长的如此之快呢，

我想其中的原因就是商家现在能够为他们的顾客提供优质的服务，我们不断看到

商家为网购的人添加许多新颖的功能和服务，目的让消费者在网购时有着与亲身

购物时一样舒适感和他们从未有过的诸如更便捷、更便宜的体验。

淘宝，天猫等等一系列的网上购物系统虽然能实现人们足不出户买东西的愿

望，但是对于一些人们急需的基本必需品，这些网上购物系统就显得鞭长莫及了。

这就需要一个能贴近师生们的生活的一个购物系统，来满足消费者们的需求。

从2019年上半年的数据来看，网上购物的市场发展潜力是与日俱增，创新

的运营方式，跨境电商的崛起等都为网购的市场提供了很多很多新的增长动能。

就从中国的各个地方来看，以中小型城市的快递业和农村淘宝为代表的市场极大

的拓展了网购的消费能力，电商平台以一种可见的速度飞速发展。

换句话来说，网购就是把自己身边的商店放在互联网上，使用互联网直接购

买自己需要的心怡商品和想得到的优质服务。专业的来说，网购是卖家和买家从

谈价钱、确定价格以及支付的模式、物流公司的交货信息等过程都是通过互联网、

web和网上商城页面的模式一同实现的一种新型购物方式,这种新型的购物方式

是电商的一个重要组成部分。因此，有用户说这种交易模式可以看作是一个面对

全国面对全世界都开放的一个网上商场。但是，我认为网上商场并不是虚构出来

的，因为在我们进行购物的时候，每一步每一个细节都是跟传统的购物方式是一

模一样的，这种新型的购物方式与传统的购物方式其中的区别只是少了卖家和买

家之间面对面的语言交流，但是有了选购以及交易的过程。

据统计2019年，我国在网上购物的用户规模预计会达到6.5亿之多，这将

近我国13亿人口的一半。与2018年底想比较，二曾长了大约有2800万之多，占

我国全体网民的75%。据研究表明，网上购物市场有着巨大的潜力与发展空间。

1.2开发工具介绍

1.2.1IntelliJIDEA

IDEA,被业界公认为是最佳的java语音开拓工具之一。是由JetBrains公

司出厂的一款产物，是很多种语言开拓的集成情况，在J2EE撑持、代码检察、

智能代码助手、代码主动提醒、重构、Ant、立异的GUI计划等方面有着非常神

奇的功效。

IDEA的优点:比起Eclipse最突出的是调试。IDEA是智能编码,能削减程

序员的工作难度。比如：会智能选取、拥有导航模式、能查询历史记录、对重构

的支持、文件系统的自动同步、能自定义快捷键、语法的自动检测、代码的自动

检查、并且对JSP的完全支持、智能编辑等。

IDEA的缺点：在同一个页面只支持单工程，如果想要在开发时建立一个测

试过程测试部分内容是不便的，资源消耗大，对于内存的要求挺高。

1.2.2SQLyog

SQLyog,Webvoq公司的一款图形化MySQL数据库管理工具。可以在世

界上的任何一个有收集的角落经由过程收集来保于1远端的MySQL数据库，它是

基于C++和MySQLAPI编程的一款图形化Mysql数据库管理工具，能直接运行

批量的SQL剧本文件，支持导入与导出XML、HTML、CSV等格局的数据，运

行速率极快。

1.2.3JDK

JDK,全称JavaSEDevelopmentkit,它有着编译、运行程序的工具和资

源，其中了包括编译器，常用的类库，运行时环境等。JDK在使用时需要配置环

境变量，只有JDK配置成功，代码才能正常运行，如图1、图2、图3、图4为

JDK配置图。

X

变量名(N)：ICLASSPATH

£M(V):k%JAyA_HOME%\lib\dtjar：%JAVA_HOME%Vib\took.jad

利气目录(D)..浏第文件(F)…

图1JDK配置图

图2JDK配置图

泊?55^55^3：

9^Systorr>Root96\systorr>32

文>Sy\tumRoo七次>

^GSystomRoor9£>\SysTom32\XA/bom

%SYSTErv1ROOT%\System32\WindowsPowerShell\v1.O\

9CJAVA_HOM£9€>\L>；c

96JAVAHOME9€>\jre\h>in

96CATALIZA_IOME%\bin

C:\ProgramFil^s\MySQL\bv1ySQLSorvur5.5\fc>ir>

F:\0c

图3JDK配置图

国9苣理员C:\Windows\system32\CMD.exe

MicrosoftWindows[版本10.0・14393]

(c)2016MicrosoftCorporation©保留所有权利。

IC：\Users\Adininistrator>java-version

IjavaversionT.8.0_25”

Java(TM)SERuntimeEnvironment(bui1d1.8.0_25-bl8)

JavaHotSpot(TM)64-BitServerVM(bui1d25.25-b02,mixedmode)

步：\Users\Administrator^

图4测试JDK配置成功图

1.2.4Mysql

MySQL,一种开源的关系型数据库管理系统，它的开发公司在1991年发行了

第一个版本。并且它是使用SQL语句进行数据库的管理。它的运行模式是由系统

核心提供的一种多线程机制提供完全的多线程运行模式，它的运行模式是由体系

核心供给的一种多线程机制供应完全的多线程运行模式，它有着面向多种编程语

音的编程接口，而且它还具有了完全的WHERE操作、SELECT操作。

1.编写相关的语句使用的语音是C语音和C++来进行相关语句的编写，并

且进行测试使用的是多种编译器，这样就保证了可移植源代码的功能。

2.支持AIX、FreeBSD、HP-UX>Linux、MacOS、NovellNetware>OpenBSD.

OS/2WrapNSolaris、Windows等多种操作系统。

3.为C、C++、Python、Java、PerbPHP、EiffeKRuby,.NET和Tel等

多种编程语言提供API。

4.能充分利用计算机的CPU资源并且它还支持多线程。

5.为了能有效地提高查询速度，因此使用了优化的SQL查询算法。

第二章需求分析

2.1功能需求

(1)系统管理

主要是系统管理员进行系统配置，角色管理，用户管理，权限管理。

(2)项目管理

主要包含功能是示范项目和常规项目的创建，编辑，查询功能。

(3)商品管理

主要包含便利店商品的添加、删除和修改

商品管理的业务流程主要如下：

•新商品批发来后，分类并编号。

•编号后，分别上架到不同的区域向用户展示。

・用户看中某一商品时，可以添加进个人的购物篮里。

•用户需要购买商品时，需要进行相应的注册登陆操作才能购买。

图5用户购买商品流程图

开始

否

结束

图6管理员管理流程图

2.2性能需求

性能需求包括了功能需求和性能需求两个方面。性能需求必需要斟酌体系功

效运行过程当中到达的响应指标，性能需求对一个完全的体系而言是十分重要

的。

在设计完成本系统后，能满足用户的•些基本需求，具备•般商城的基本功

能，比如能实现用户在线搜索商品，并能添加进自己的购物车内，商城首页能随

时更新轮播信息，用户能正常注册，登陆系统。管理员能随时对商品列表的商品

进行添加，删除等操作。

校园网上便利店

图7校园网上便利店结构图

2.3可靠性和可用性需求

用户对于整个系统的操作比较简洁明了，整个系统的工作能顺利进行，能完

成所需的一切工作需要，在正常的网络连接下能顺利的进入系统，每个功能点也

容易设置。

我做的商城界面清楚明了，简洁，通俗易懂，操作简单，随便看看就可以准

确无误的使用整个校园网上便利店系统。整个系统完成较为容易，由于整个系统

的功能没有多少，因此很容易上手，各个功能都比较容易设置，经过工作人员反

复的测试，错误一般在2个以下。由于整个系统小并且功能较少的缘故，因此

出现故障可在短时间内恢复，只要正常的操作就可以保证整个系统正常工作一年

左右。

需求分析在软件工程中的占有一个非常大的比重。在这个步骤中，工作人员

可以通过调差问卷的方式，确定顾客的各方面需要。只有在工作人员确定了这些

用户的意愿之后，才能够找到新系统的解决方法。开发系统最困难的步骤是自己

要有准确的思路，知道需要开发的是什么。其中最为困难的工作就是要仔细编写

出技术需求，其中包括了所有面对用户、其它软件系统、而对机器的接口。如果

这一步没有做对，最终的结果就是给系统带来极大损害，口后再进行修改也会极

为困难。

2.4出错处理需求

在系统的开发过程中，需要及时对系统中存在的许多漏洞立即进行相应的处

理，即使是一个很小很小的漏洞，也会造成整个系统的无用资源无限的增多，最

终可能会导致整个系统的瘫痪，造成不可估量的撮失。

当系统出现了错误的提示时，系统没有保护好用户的用户名、资金、密码就

是最严重的问题。因此，在编写前台和后台代码的时候，我们应该时刻保证编写

的代码的严密性，不能让居心叵测的人有机会趁虚而入，盗用和损坏用户的私密

信息，造成不可挽回的损失。

软错误就是由于输入的内容不符合要求，网络传输超时、硬件出错等，对

于一些关键的操作，就像删除操作等这些敏感操作，用户应该拥有一个提示剖分,

用以向用户提示敏感操作。

当系统出错时，它会自动给用户显示错误的提示，并给出错误反馈，给工作

热源提供可查询的相关信息及代码。

第三章概要设计

3.1总体设计

关于整个系统需要解决的问题的设计就是总体设计，就是设计系统的总的解

决计划，设计系统的总的解决方案，又能够把它称之为概要设计。系统工程的总

体设计包含了：详细设计和技术规格书编写、市场调研、产品制造等。软件工程

的总体设计又包含了一下几点：计算机配置设计、数据库和文件设计、代码设计

以及系统可靠性等内容。本校园便利店系统采用JSP语句对整个系统的编写与实

现，对后台所需的数据使用SQLyog数据库进行数据修改和存储。面向对象编程,

把每个需要实现的功能都分开来写，最后在把所有页面整合在一起。如图8,校

园网上便利店模块图，既有方便用户浏览的前端页面，也有方便用户查看的后台

页面。

图8校园网上便利店模块图

3.2前端设计

前端页面的实现中,在JSP页面引用了LAYUI、BOOTSTRAP-3.3.7样式。

前端页面是整个系统的脸面，前端页面做的精致、美观，能大大增加用户对

于整个系统的第一印象。前端页面不仅有登陆、查看功能，还有新商品的推广图

片在前端页面的开始轮播，促进用户选购商品的效率。

在前端页面上，还有进入后台查看的功能，主要是用户能查看自己购物车里

面添加的商品，并且能随时删除自己添加的商品。

校园网上便利店系统前端主要是供给用户购买东西时使用。而经过调查用户

主要是对商品介绍、商品分类等期望较大，所以在前端设计中添加商品分类页面

和商品查看功能。

3.3后台设计

后台是整个系统末商品的操作地方，商品要想拥有基本的购买、删除操作,

后台数据库是不可或缺的。如图9,后台设计样式图，后台设计应该包含这些元

素。后台数据使用SQLyog作为数据的存放和修改的地方，整个系统后台能实现

对商品、顾客和管理员的信息的增加修改和删除，并且整个后台与前端能联系起

来，用户能在前端页面上点击后台中心，就能进入后台查看自己添加的商品的信

息0

查词商岫•[受悟参歌£|_

箪单百攵新落落品＜

，曰It品M逐

商品列也

W新工定品

卷警力,爆毒篱*画下架回上栗

E双格利7

忏？类目卖点馀格SSSTfi彖解梆

■5网玷司后管理

囱内国筑莒理L)14743919刘昱江电亍书666%899.005我正

国内密苫理

U14743919【礼券】谷涉道渗鲜?1套大礼包323万豪三厚款直降300【12298.0010010C86正

U14743919【礼券】谷源道海西1套大礼包323为豪吉厚软直厚300【12298.0010010C86正

U14743919AppleiPhoneX(A1865)64G83g手肛抢券拿三条12弗契8388.001008610C正

□1474391g线力手超华力手机挡子H2999.00100010001正

□1474391gli力手也和15?手机2000.0030002000正

□147439191电子书11.0011正

□147439191电子书11.0011正

□147439192S»(XUEZHISHANTOYS)0-S月吏WES.侯海收89.0010010C86正

□14743919IS5ESE123SE记本笔记本10000.00100123123正

□1474391g990本色(转装图文版)耳?t非安tWNSt80张体日照片.&46.80890正

□14743919new3<h*(Ml)小米环笆盘手190.0099999正

□14574soe小米(Ml)红收8G.版移动4G手％手町期正品行货.台8990.0099999正

□1369278(联SS儆WTJ小米曲Note*?手肛红来NOTE+千元8990.0099999正

图9一后台设讦样式图

3.4数据库设计

使用sqlyog实现后台数据的写入和修改，并且能在系统中实时增加数据库数

据。当商品新增加时，能更新到数据库中保存，当商品数据发生变动，数据库也

能随之变动。数据库还能方便管理员对商品实时数据的监控，防止出现断货、缺

货的现象出现。如图10,其中数据包含了商品信息，用户信息和管理员信息。

0同

Btest

,裹扇第▼电函因由喝I!画国IT®

£Hadniin□lid皿moneynuzber

EHcustomtr

□CC1辣条5so

1shop□002总片

EWE1030

E□003冰缸茶1320

E□004可乐540

1硒

E£LLKx

触发罟□005将翅2310

£

事件□006庭绝2S|15

□007口香瘠860

□008卫生纸550

Fl009率巾■20

图10数据库部分设计图

3.4.1顾客信息

顾客信息均保存在数据库中，管理员在网页上做的添加删除操作，都能在数

据库中体现出来，并，且连接着后台管理中心能在后台中心对顾客信息进行基本

的修改增加和删除。如图11,其中顾客信息中包含顾客的姓名和宿舍号，在顾

客购买东西后可以看出顾客基本信息，以此方便工作人员提供送货上门服务。

test

臼QJ表

田一adnin

Gicustomer

国3shop

'I信息・2袭效据・3信息

&>存储过程

叵.函数iY«

It、触发器r.cr.e乏智三

回》事件

龙李001

老

张

003

老

叶004

老

吴

005

老

4就

009

蔡

老

T012

老

扬

.15

仆|。

皿

「

(NULL)

数据作：t«st去格：custor>«r

7行

图11顾客表

3.4.2管理员信息

管理员信息保存在数据库，管理员能在后台中心对管理员信息基本的修改、

添加和删除操作。如图12,其中管理员信息包含了管理员的ID和姓名，管理员

可以随时在后台中心修改管理员的信息。

□

王琳customer

sshop

+,视图

I*存储过程

ffiU函数

&.触发器

EL事件

图12管理员表

3.4.3商品信息

商品信息都保存在数据库中，并且能在后台中心对商品信息进行基本的修改

增加和删除。如图13.其他商品信息包含了商品名，价格和数量。管理员可以

在后台中心对商品的信息进行修改。

±1内in

+2nstoier

±■shop

3.酒

S..存你端

吨蹴

“抵舌coneyniaber

SJ鞘559

1030

10M

540

20-10

2515

2田

550

叫叫

图13商品表

3.5实体一联系图

一

图14管理员实体联系图

厂

图15顾客实体联系图

图16商品实体联系图

n

图17用户与商品之间的实体联系图

图18管理员和商品之间的实体联系图

图19管理员和用户之间的实体联系图

第四章详细设计

4.1注册

如图20为注册页面部分代码。注册页面是给新的用户提供注册新用户的地

方，用户要能在系统里面购买商品，注册和登陆操作是不可或缺的，每个用户的

信息都能在注册的时候全部完善，管理员能在后台管理中心实时查看注册的新用

户的基本信息，这样才能在用户购买商品后商家能快速定位用户的位置，并且及

时提供送货上门服务。如图21,注册页面样式。

azcjspdDBUtilJava.houtaijsp“liuyan.jspindex.jsp

<4pagecontentType»"text/ht«il;charsetHnF-8"language*'java"%>。♦❹O2

<!00CTYPEht«l>

<htal>

<head>

<!»etdcharsets**utf-8">

注册《/title

<metana«e-"renderer-content-"webkitN>

<metahttp-equiv^aaX>UA-CompatibleMcontent--IE-edge,chrome^l->

<mctana«c-"viewport"content-"widthMievice-width,initial<scale«1.0>aininuni-scale-1.0,nuixiiiuM-scAle-1.0*user-scalab]

<linkrel="style$heefhrefs^static/layui/css/layui.css*medii=*allM>

<linkrel-"style$heet"href--st«tic/style/adniin.css-

<linkrel="stylesheet*href**static/»tyle/login.c*s"tBedia=Mall*>

</head>

<body>

<divclass^^layddnin-user-loginlayadmin-user*display-show"MLAY-user-login"styles*...">

<divclass-"laya4nin-user-login-mainM>

<divclass-Nlayadnin-user*login-boxlayadmin-user*login-headerM>

<h2>J±01*/h2>|

</div>

<divclass**layadnin-user-login-boxlayadmin-user-login-bodylayui-font->

<formrole^-font**action-"Register.do"method-"post"class^Mregi$tration-for«''>

<divclass-"layui-form-ite«*>

<labelclass=*layadmin-user-login-iconlayui-iconlayui-icon-usernane"LAY-user-login-nickname"></]

<inputtype-"text"name--namewid--LAY-userlogin-nicknane*lay-verify-"nicknane"placehclder-**Jfl/bc

</div>

图20注册部分代码

x©3Sx+

G">C①localhost：8083_war_expkxlecl/zc.J$p

:::应用公百英一下0酉宝0天J8S5W000宗行优■0苏宁同归0草左打先

注册

注册

OO©用己2认

图21注册贝面样式

4.2登陆

登陆是给已经注册账号的用户提供登陆操作，用户需要使用校园便利店系统

时，点击登陆即可登陆进入系统。如图22,登录页面部分代码。登陆后可以进

入后台中心，服务页面和查看的基本信息。如图23,登录页面样式。

<divcl»ss-"xs6xm4xs3-movcxm4-movc">eeooee

<divstyle--bcight:50px;*></div>

<divclass«**mediomedia*ymargin-big-bottom*>

</div>

<formaction-"login.actio«Mi»ethod-"post">

<divclass>"panellog;nboxM>

<divcla$»**text-centerraargin-bigpadding-bigTopRxhl）校El网上便利店系绫</hl></div>

<divclass-"panel-bodyMstyle-"padding:^0px;padding-bottoni：16px;padding-top:10px;">

<divclas»="for«-group**>

<divclass«Mfieldfield-icon-right">

<inputtype="text*class«*inputinput-big"na«e-'nar®e,*placebolderL登录名"data*validAte-Mrequi

<spanclass^^iconicon-usernargin-MiallNx/span>

</div>

<divcla»i=*for«-groupM>

<divclasss*fieldfield-icon-right">

<inputtype="|>assword"class^^inputinput-big"nime="password*placeholder二.登录密码"datfl-valid

<spanclasi="iconicon-keymargin-small*4></span>

</div>

</div>

<divclast="for«-groupM>

</div>

</div>

<divstyle="paddiBg:30px;M><inputtype="submit**class*Mbutto«button-blockbg-*aintext*biginput-bigMvalw

itml>body>drv.container>div.line.bcuncein>drv.xs6.xm4.xs3-move.xm4-move>form>div.panel.loginbox>divjj^ncl-body>div.form-g

图22登陆部分代码

0・二

C0lowmo$t：8080/_«dr_exploded/HMij$p

:::应用百X一下0«X«C0天!《m0・图云0观有0帖0a行机・0CT-BW0或京打折

校园网上便利店系统

裳录名

图23登陆界面展示

4.3前端主页

如图24、25,校园网上便利店主页样式。前端主页是一个系统的主页面，

用户在登陆系统后，进入的就是前端主页，里面有进入后台中心的按钮，还有商

品推广的轮播图，还有许多新商品的推广图片。如图26,主页部分代码。一个

好的系统必须要有一个好的前端页面，一个好的前端页面也会带动一个系统的发

展。

校园网上便利店

好礼品我们造，用心做好产品

Webuildgoodproductsandmakegoodproducts.

图24登陆后主页图

CekX4»KM<«3Mmloe!

:•*MdB«-TO«S*S®无・3OWCi：©，亨W©*?”■©»«■«0

校园网上便利店E«■兴于

用心服务

图25主页服务页面

</li>

27

</ul>

28

<hlclas$-"logo->

29

<ahrefl—校园网上便利店

30

</hl>

31

<divcl«$$-"n«v"style-*...">

32

<ahref--登陆・ht，l“dass-Mactiv