构建南宁商城官方网站
今天是刘小爱构建南宁商城官方网站的第一天。
感谢您的阅读，谢谢。
我的学习计划如下：开始门户网站系统的搭建。
今天只涉及到系统的基础框架和一些初步的介绍，并未涉及具体的业务功能。
明天开始，我们将逐步引入具体功能的开发。
目前，后台管理系统的建设已暂时告一段落，事实上，它主要是一些常规的操作，比如数据的增删改查。
在我的笔记中，主要是记录了查询和新增操作的过程，关于修改和删除也是大同小异。
一、门户网站与后台管理系统简介
南宁商城官方网站分为两部分：一部分是前台门户系统，供用户浏览和使用；另一部分是后台管理系统，供管理人员使用。
前台门户系统的主要职责是为用户提供便捷的购物体验。以下是当前主流电商网站的前台门户系统样式：
以前的后台管理系统比较简单，我们可以在对应页面进行一些修改来实现南宁商城的功能。
而现在，前台门户系统的功能相对复杂，尤其是在涉及到图片等元素时，我一时无法完整地调整，所以暂时搁置了。
但愿我不会因为在这个过程中的不成熟表现而引起不必要的误解或被平台屏蔽。哈哈，到时候可就麻烦了。
那我们使用的技术有哪些呢？
以前的后台系统使用的是SP（单页应用），SP的理解起来其实非常简单。
它只是一个html文件，其他的都是通过ve组件进行拼接来实现的页面切换。
SP的好处在于速度很快，但第一次加载较慢，因为它等于是将所有的静态资源都在第一次加载时全部加载下来了，所以后续的页面切换就非常流畅。
但这种方式不利于SEO优化，当然也存在缓存的问题，这里就不一一说明了。
这个SEO是什么意思呢？
我大致解释一下，虽然不可能说得很清楚，自己也不是特别懂，但作为一名前端工程师，对这些了解肯定是没有坏处的。
比如说，用户想要购买商品时，可能会在百度上面进行搜索，那么百度出来的页面是如何排序的呢？
这就涉及到SEO（搜素引擎优化）了。如果优化得好，我们的网站就能排在更前面。
当然，排在前面的肯定是那些为百度付费打广告的商家。
而百度的搜索引擎机制是利用爬虫爬取别人的网站，然后再显示出来。
如果我们使用SP单页应用，那么爬虫就只能爬取到一个html文件，这不利于SEO搜索引擎优化。
这里强调一点：我对SEO也了解得不深入，只是简单地进行了一个概述。也许我的理解有误。
总之，SEO对网站来说非常重要，能够提高搜索后的排名。因此，我们选择使用多页应用来实现前台门户系统。
前端门户系统使用ve+Nxt实现多页应用，后台管理系统使用ve+vetify实现单页应用。
二、搭建门户网站
在后台管理系统的建设中，我们使用了webpack进行热部署，这对于提高开发效率非常有帮助。
与Java代码每次修改都需要重启微服务相比，这是一种非常便利的开发方式。
我们还使用了一个叫做live-server的工具，它翻译成中文就是“活的服务器”，形象生动。
安装live-server可以使用npm命令完成。命令如下：
npm install -g live-server
在这个例子中，我们全局地安装了live-server，这样以后就可以在任何位置使用了。
npm是Node.js的包管理工具，install的意思就是安装，-g表示全局安装，global的首字母缩写。
live-server则意味着活的服务器。
安装完成后，运行live-server，同时可以使用命令指定端口号。命令如下：
live-server --port=8080
其中，8080即端口的意思，我们这里指定为前台门户系统的端口。
域名即为本地域名，通过域名+端口就能访问到对应的页面了。
为了使域名更加规范、美观，我们还使用了SwitchHosts和nginx来实现域名的反向代理。
关于这个问题的详细讲解，我在第14天的学习笔记中已经有详细的说明，这里就简要回顾一下：
在SwitchHosts配置中，我们将想要的一个域名设置为本地域名。也就是说，当你在浏览器上访问该域名时，系统会自动将域名指向本地域名。
另外，如果浏览器没有指定端口，它会默认解析为80端口。所以，我们需要在nginx的配置中监听这个端口，并将其转发到前台门户系统路径。
因此，当你通过浏览器访问对应的域名时，实际上你访问的是nginx配置的那个路径。
三、业务需求简要概述
今天主要对接下来一段时间的学习内容进行一个简单的了解。
- 搜索功能的实现：作为一个电商网站，搜索功能是核心关键。明天我将开始深入学习搜索技术的相关知识。
- 商品详情与RabbitMQ：我对这部分还不太了解，后续学习到了再说。
- 用户中心的实现：最常见的也就是用户的注册和登录功能了。当然，还有其他的一些功能，比如个人信息管理、用户地址管理、收藏管理等。
- 购物车及下单功能的实现：购物车是商城中的重要一环，并且肯定会涉及到支付功能，比如微信支付或者支付宝支付等。
最后，我要说的是，我是一个在白天上班、晚上学习的95后青年，我叫刘小爱。我之所以选择这样的生活方式，是为了提高自己的自律能力，做好自己。也希望我的每日打卡能给您带来一些启发和鼓励。请点赞、关注，并在评论区提出您的宝贵意见！
以上就是我们今天的学习内容和计划。感谢您的陪伴，明天我们将继续努力！