00:00
大家好,上节课呢,咱们已经将eclips DK以及K还有都已经安装好了,从这节开始呢,我们来开始内吧,首先呢,我们先准备前后台的模板界面,那前面呢,咱们在介绍课程的时候也跟大家说过,前后台模板界面呢,不是咱们这套课程的重点,所以呢,咱们直接找模板使用好,我们到学习文地。里面。找前端H5前端项目源码。这里面呢,网站模板有很多,有详电子商城的模板。嗯,这里边有好多商城的模板,还有大数据的模板,那我们找一个简单的,这里边儿有简单的商城模板。我们多下载几个,我们看一下用哪个比较好。比如说想是商城的模板。我们再找一个简单的模板。后台模板我给你搞一个。呃,简明的后台查询模板,实用的后台模板。我们下载过来挑一下。
01:00
简单通用的文章后台模板,当然了,咱们挑比较简单的去使用,来,我们到呃下载页面。这是我们几套模板,比如说我们先看一下后台模板,简单的商城,实用的后台模板。我们打开请解压。这里边作文肯定先找我们先本地访问下。这比较通用的模板,首页呢,都是呃这种做一些统计。这个对咱来说有点复杂。不采用。呃,再找一下。响应式电子商城模板,使用的后台模板,通用的文章模板,咱们找简单的,我记得这里边有简单的模板。简单的模板。诶,这个文件比较少,结构比较清晰,有助于大家学习。代价比较简单。
02:00
这个是文章,呃,管理的一个增的一个界面,文管理分类管理基本上都是一样的。咱们就用这个。然后我们再找一下前台的模板。小明是电商的模板。应该。英文的。页面。产品里面。地图。购车,这也可以是英文的,不太方便。我们再看一下。呃,简单的商城模板,看这有多简单。
03:03
对,中文的。有首页。有商品页。有商品详情页。嗯。啊。商品详情页。啊,有购物车页面。有订单页面,好,我们就用这个。这看上去比较好一些,符合咱们的要求。那我们把这两个文件出来。一个是简单的商城模板,一个是呃,后台模板。
04:00
好到我们桌面上。我们来这样的的一个结。先看一下通用的后台模板。一共是这么几个页面,有登录页面。有登录页面有。哦,添加页面。添加商品、添加用户、添加文章、添加页面。呃,有首页面。这个呃,有列表页面。有系统信息页面足够用了。然后这里边呢,就是它的呃,CSS文件。他使用的字体图标文件。他用到的所有图片。普遍很少。咱们就找一个这样简单的。他没有使用GS。有可能写写到页面里面了。我们来看一下。整成模板。
05:00
这里面找到。应该。首页。没问题。咱们需要几个页面有。有首页面有呃,登录页面咱们找一下注册页面看一下。可以有注册页面,还带验证码的可以。哦,这个。商品列表页面。应该是不。商品列表页面。嗯,也可以。然后我们再找一下它有呃商品列表,点完之后我们直接到购物车啊,购物车页面。也有。呃,购物车页面,然后我们有订单页面。看一下哪个是订单的订单。该页面OK。好,那我们就选用这些面。然后我们把它导到eclips里面。嗯。
06:01
首先看后台。我们先把前台一点点来到。这是前台页面,前台页面呢,我们打开我们的。所有的前台的我们都放到。外边高这个。位置下面我把这个戴帽删掉。所有的前台页面都放在这里面,所有的后台页面放到这个下边的子目录里边,我们新建一个目录。叫做管理吧,M man。把所有的后台页面我们都放在这里边,所有的前台我直接放在这就可以。先把所有现在本A本C复制。当然你可以像刚才咱们挑出那几个页面,只复制刚才挑那挑出来那些页面就可以了,我们选出这个目录。粘贴这样的话我们看一下。
07:01
所有的。都在这个下边,当然了,我们用的是JSP文件,我们再把名称改成JSP即可,我们再看一下这个目录下还没有,我们再把后台粘过来。很很多细。我们说把所有后台都在这个理后台页面。很容易断电。好,我们看这有个镜头出来了,所有都放这边,我们看一下好不好用,我们可以重启啊,To也可以不重启啊,因为我们没有写,So,那我们先重新启动一下。这里边我们粘一下地址,别用这里边的浏器,这里边浏览器不太好用,我们还是用浏览器打开。直接回车,它里边有一大点TML,这是我们前台的页面,这是现在我们已经发布了,已经放在阿帕奇里边,如果你知道我的地址,可以在这块直接呃放到他看D里面,如果你知道地址,可以在这块直接访问所有商品。
08:03
一的页面。商品形体页面,购物车的链接没加到,咱们自己加上。可以了,我们再直接进入后台。后台呢,我们要用,我们放在了mang这个上。里边没有的,那我们直接烙音。TL。MANAG。你看一下后台的。有了。没有问题,Man AG路径没有写错。里边有一袋子。哦,前边把那个呃删掉了,Mo少。Man。写好日记后来首页。
09:03
我给你见面。好,OK。这就是我们前后台的一个页面,我们一个一个修改即可啊。每一个都可以点的开。啊,那这节课先这样,我们只是导入了前后台模板,那下节课呢,我们开始一个模块一个模块开始完善啊这课。
我来说两句