今天是我在龙岩网络平台搭建系统学习的第42个日夜。
感谢您的阅读,感谢您对这篇文章的关注。
接下来是我的学习计划安排:今天将开始龙岩网络平台的搭建。
今天的任务主要是进行系统搭建的基础工作以及一些简单的介绍,并不会涉及到具体的业务。
明天起将进入具体的业务学习阶段。
目前,后台管理系统的学习暂告一段落,其实它无外乎是各种增删改查的操作。
在笔记中,我主要记录了查询和新增操作的方法,关于修改和删除基本也是大同小异。
一、龙岩网络平台搭建简介
龙岩网络平台搭建主要为了满足网站管理人员的需求,为网站的运营和管理提供方便。
前几天,我已经撰写了一系列关于功能介绍的文章,主要涉及对商品的管理。
通过后台管理系统,管理人员可以控制商品的样式、上下架以及库存等。
而前台门户系统则面向用户,以下是我们的设计图:
目前主流的电商网站后台界面基本上都是这个样子的。
以前的后台管理系统比较简单,我可以在对应页面进行修改,从而将其转换成龙岩网络平台。
现在的前台界面相对复杂,有些还涉及到图片,一时间修改不过来,因此就暂且搁置了。
希望这不会被认为是打广告,免得被平台屏蔽。
那么,我们使用到的技术是什么呢?
以前的后台系统使用了单页应用(SPA)技术。
SPA理解起来非常简单,它就是只有一个HTML文件,其它的都是通过Vue组件的形式拼接而成,从而实现了页面切换。
SPA的好处在于速度快,但是第一次加载慢,因为要一次性将所有静态资源全部加载下来,所以后续页面切换就很流畅。
但这样有一个问题,不利于SEO优化,当然还有缓存的问题,这里就不详细说明了。
SEO是什么?先简单介绍一下,当然不可能说得非常清楚,我自己也不是很懂,但作为一名程序员对这些还是有必要有一定了解的。
比如用户要买东西,他可能会在百度上搜索,那么百度出来的页面是如何排序的呢?
这就涉及到搜索引擎优化(SEO)了。如果优化得好,会排在更前面。
当然最前面的肯定是直接给百度付费的广告。
而百度的搜索引擎机制是利用爬虫爬取别人的网站,然后再展示出来。
如果只是SPA单页应用,爬虫就只能爬取到一个HTML文件,不利于SEO优化。
再次强调一点:关于SEO这块,我也不是特别了解,这里仅仅是简单描述一下,自己理解的说不定也可能有问题。
总之,SEO对于网站来说非常重要,它能增加搜索后的排名,而使用单页应用就不太合适了。
因此,前台网络平台采用多页应用模式:前端页面会分离出多个HTML文件,每个页面都使用Vue完成渲染。
总结一下,前端网络平台使用Vue+Nuxt实现多页应用,后台管理系统则使用Vue+Vuetify实现单页应用。
二、龙岩网络平台搭建步骤
- 系统搭建基础
在后台管理系统中使用了Webpack来实现了热部署,这非常重要,不像Java代码每次修改都需要重启微服务,非常麻烦。
这里使用的工具叫做live-server,翻译过来就是“活的服务器”,非常形象。
安装live-server的命令如下:npm install -g live-server
这里使用的是全局安装,以后可以在任意位置使用。
npm是Node.js的包管理工具,install表示安装的意思,-g表示全局安装,global的首字母缩写是g,live-server代表活的服务器。
安装完成后,运行live-server,同时可以使用命令指定端口。
命令如下:live-server –port=9
这里的9指的是前台网络平台的端口。
域名就是本地域名,通过域名+端口就能访问到对应的页面了。
和后台管理系统一样,为了让域名更加正规、美观,我们使用SwitchHosts+Nginx实现域名和端口的反向代理。
该方式在第14天的学习笔记中已经专门讲解过,这里简单回顾一下:
在SwitchHosts配置我们想要的一个域名为本地域名,也就是说当在浏览器上访问该域名时,系统会自动认为它对应本地域名。
而如果不指定端口时,浏览器默认解析为8端口,所以在Nginx的配置中监听该端口,并跳转到前台网络平台路径。
所以当在浏览器上访问对应域名时,实际上访问的就是Nginx中配置的那个路径。
三、业务需求
- 搜索业务的实现
一个电商平台,搜索功能肯定是核心关键。
现在不再像以前那样使用模糊查询,效率太低,有专门的搜索技术。明天就开始专门学习。
- 商品详细页及RabbitMQ?
这个还不太清楚,后续学到了再说。
- 用户中心的实现
最常见的也就是用户的注册和登录了,这个以前已经实现过好几次。
当然还有其他的功能,如个人信息管理、用户地址管理、收藏管理等。
- 购物车以及下单的实现
购物车是电商平台的核心一环,并且肯定需要使用支付功能,如微信支付或支付宝支付等。
最后,我是个白天上班晚上学习的90后北漂,不为别的,只为学会自律,做好自己。也希望我的每日打卡能给您带来勇气。
欢迎点赞、关注和评论!