【微服务】140:刘小爱商城之后台管理系统

今天是刘小爱自学Java第140天。

感谢你的观看,谢谢你。

image

学习计划安排如下:

  • 了解传统项目与互联网项目的不同之处。

  • 电商项目的特点与任务。

  • 项目分为后台管理系统和前台门户系统,每个系统都是前后端分离,分为前端页面和后台微服务,我们先学后台管理系统。

  • 今天是后台管理系统的前端页面搭建,明天是后台管理系统的微服务搭建。

一、刘小爱商城

Java项目基本都是web项目,其中具体又被分为传统项目和互联网项目。

1传统项目

像OA办公系统就是典型的传统项目:

image

其典型的特点就是:企业内部员工才能用,并不对外开放。

正是因为如此,所以更看重的是业务本身,至于网站性能什么的不是太看重。

毕竟一共也就那么些人用,也不会出现高并发的情况,对技术本身要求不高。

2互联网项目

像门户网站,电商网站就是互联网项目。

其最大的特点就是对外开放,比如说淘宝,所有人都可以使用,都可以注册。

正是因为如此,所以对网站的性能要求是比较高的,要知道现在淘宝用户可是有几亿,一旦性能不好,用户体验是很差的。

image

并且涉及用户太多,会有高并发的问题。

双十一为何这么的牛?

那天凌晨0点可能1秒钟之内就有几百万上千万用户使用淘宝下订单。

就算是机器,它也会吃不消的,服务器会崩溃,而阿里巴巴能顶住这个压力或多或少技术还是很厉害了。

也正是得益于电商行业的高强度并发压力,促使了阿里巴巴这些行业巨头们的技术进步。

3刘小爱商城

我们要做的项目就叫它刘小爱商城。

整个刘小爱商城从用户角度来看,可以分为两部分:后台管理系统、前台门户系统。

前台门户系统就是像淘宝这样的网站,用户可以直接注册使用的,我们先不学。

我们先学后台管理系统,它是网站的管理者用来管理网站的,前端页面如下图:

image

后台管理系统主要包含以下功能:

  • 商品管理,包括商品分类、品牌、商品规格等信息的管理。

  • 销售管理,包括订单统计、订单退款处理、促销活动生成等。

  • 用户管理,包括用户控制、冻结、解锁等。

  • 权限管理,整个网站的权限控制,采用JWT鉴权方案,对用户及API进行权限控制。

  • 统计,各种数据的统计分析展示。

  • ……等等

其又分为前端页面和后台微服务。

二、管理系统前端页面

整个管理系统会使用Vue.js框架搭建出单页应用(SPA),也就是刚学的组件化开发。

这边我们就不从0到1去编写前端代码了,直接使用项目提供的前端资源导入即可:

image

运行命令:npm run dev

输入该命令就能得到一个访问地址,当然也可以自行在对应代码中设置。

点击该路径就能直接跳转到刘小爱商城后台管理界面了。

如果要我们自己来写估计也要个几天时间,花这个时间不值得,直接用项目中提供的资源。

但是我们也要看得懂,不然的话连测试都没法测试,毕竟后台响应的数据需要我们自己渲染到对应的页面中。

关于前端页面的代码,做一个简单的了解:

image

emm,这个涉及到的知识点就有点多,并且还有一些文件的作用我没有说明。

其中做一个了解即可,事实上大多数我们明白它的英文意思了,也就知道它的作用了。

三、Vuetify框架

Vuetify是一个基于Vue的UI框架,可以利用预定义的页面组件快速构建页面。

就有点类似于学过的BootStrap框架。

image

为什么要用这个框架呢?

我们刚学的Vue框架,它虽然会帮我们进行视图的渲染,但是样式是由我们自己来完成。

这显然不是我们的强项,因此后端开发人员一般都喜欢使用一些现成的UI组件,拿来即用。

那怎么用呢?

具体就是我们需要一个什么类型的组件,就可以去这里面找到对应的,再将其提供的代码模板复制到对应的地方即可。

image

以上就是对vuetify框架的初步介绍,以后用到什么组件,就来查询即可。

照理说前端页面是由专门的前端人员来完成的,我们后台只搭建后台微服务就好了,毕竟现在基本都是前后端分离。

但是现在不可能说专门去找一个前端人员来陪我学习,所以还是要靠自己来搭建前端页面。

这也是为什么前面一直要学前端基础的原因。

最后

谢谢你的观看。

如果可以的话,麻烦帮忙点个赞,谢谢你。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,657评论 6 505
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,889评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,057评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,509评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,562评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,443评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,251评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,129评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,561评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,779评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,902评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,621评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,220评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,838评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,971评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,025评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,843评论 2 354