第5章 系统实现
一、技术路线：
开发语言：Java
前端技术：JavaScript、VUE.js（2.X）、css3
数据库：MySQL 5.7
数据库管理工具：Navicat或sqlyog
开发工具：IDEA或Ecplise
二、项目介绍：
https://www.bilibili.com/video/BV1mC4y1m7jK/
三、运行截图：
乐优购物商城分为前台用户购物子系统和后台管理系统。本章节只要详细分析了该系统的数据库连接和系统各功能模块的实现过程和实现方法。在网站前台，用户通过操作表示层页面，页面调用业务逻辑层的对象方法，来操作数据库，实现相应的功能。
3.1数据库连接实现
目前的数据库包括MySQL、SQL、PgSQL、Oracle、Ibase以及PDO的支持，如果应用需要使用数据库，必须配置数据库连接信息。
在项目的配置文件Config/config.JSP 文件里，增加以下数据库配置选项即可达到数据库连接目的：
JSP
return array(
//'配置项'=>'配置值'
'DB_TYPE' => 'MySQL', // 数据库类型
'DB_HOST' => '127.0.0.1', // 服务器地址
'DB_NAME' =>dzswwz', // 数据库名
'DB_USER' => 'root', // 用户名
'DB_PWD' => '123456', // 密码
'DB_PORT' => 3306, // 端口
'DB_PREFIX' => 'tp_', // 数据库表前缀
'DB_CHARSET'=> 'utf8', // 字符集
'DB_DEBUG' => TRUE, // 数据库调试模式 开启后可以记录MySQL日志 3.2.3新增
3.2系统前台主要功能实现
3.2.1 首页实现
首页是网站的入口，主要包含了：LOGO、导航、Banner、以及热卖商品推荐等功能。首页页面，如下图所示。
图3.1 首页页面图
首页主要代码如下：
title>易买得乐优购物商城
align=middle bgColor=#ffffff>
系统基本信息
首页热卖商品推荐部分主要是显示被网站推荐的商品，可以让用户刚进入网站便可以了解网站近期主推的商品，实现功能的部分代码如下：
商品信息
String id="";
%>
3.2.3商品详情实现
商品详情页向用户展示商品详细信息的页面，用户可以在商品分类展示页或者在网站任意一个商品类别的页面中选择一件商品，系统将商品的id通过GET方法传递到shangpinxinxidetail.JSP中的detail方法中，然后通过M方法实例化模型，传入到shangpin表中连接信息，获取到该id的商品信息，最后将信息反馈到Goods类的shangpinxinxidetail.html界面上。
商品详情页面，如下图所示。
图3.3商品详情页面图
商品详情主要代码如下：
商品信息
String id="";
id=request.getParameter("id");
HashMap mlbdq = new CommDAO().getmap(id,"shangpinxinxi");
String bianhao="";
String mingcheng="";
String leibie="";
String jiage="";
String faburen="";
bianhao=(String)mlbdq.get("bianhao");
mingcheng=(String)mlbdq.get("mingcheng");
leibie=(String)mlbdq.get("leibie");
jiage=(String)mlbdq.get("jiage");
faburen=(String)mlbdq.get("faburen");
%>
3.3系统后台主要功能实现
3.3.1管理员登陆实现
管理员登陆页是后台管理员进入后台管理各项数据必经的页面。管理员输入的账号密码经过后台的Login.JSP的login方法中通过M方法实例化模型，传入到allusers表中连接信息，通过与表中的信息进行比对确定管理员能否登陆。
管理员登陆页面，如下图所示。
图3.5 管理员页面图
登录系统主要代码如下：
易买得乐优购物商城
String id="";
%>