今天是刘小智自学网站构建的第93天。
感谢你的阅读，谢谢你。
我们的学习计划已经开始实施了，以下是今天的安排：开始对“山城网站构建平台”的学习。

今天只涉及到系统的搭建和一些基础介绍，并未涉及具体的功能实现。
明天我们将深入探讨具体的业务逻辑和页面设计。
目前，“山城网站构建平台”的主要工作重心是在后台管理系统上，其实也就是各种数据的增删改查。

在我的笔记中，主要是记录了关于数据查询和新增操作的细节，至于修改和删除操作，其基本方法都是大同小异的。

一、平台简介
“山城网站构建平台”的目标是给网站开发者提供一套高效便捷的工具。
这个平台分为前台和后台两个部分，分别满足不同用户的需求。

前台主要负责展示给最终用户的界面设计，而后台则是管理人员的专属区域。
前几天我写的功能主要都是围绕商品管理的，管理人员可以通过该系统控制商品的样式、上下架状态以及库存等信息。
如图所示：现在主流的网站构建平台的前台界面基本上都是这样的风格。

以前的后台管理系统比较简单，我可以在对应的页面进行修改，将其转换成“山城网站构建平台”。
而现在前台界面相对更加复杂，涉及到的元素更多，一时半会儿很难改动，所以我就暂时没改。
但愿不会有人说我在打广告，不然被平台屏蔽就不好了。

那么我们使用的技术是什么呢？
以前的后台系统采用的是MP（多页应用），MP理解起来其实非常简单。
它就是由多个html文件组成的，不同页面之间通过ve组件进行切换，从而实现页面之间的交互。
MP的好处在于兼容性强，但是加载速度可能会比较慢，因为每个页面都需要单独加载。
当然还有一些问题，比如不利于SEO优化等，在此就不做过多说明了。

SEO究竟是什么？
我简单说下，当然不可能将其说得很清楚，我自己对这部分也并不是非常了解，但作为一名网站开发者对这些还是有一定了解的。
比如说用户要访问一个网站，他可能会在百度上面搜索，那么百度出来的页面是如何进行排序的呢？
这就涉及到SEO（搜索引擎优化）了，如果做得好，可以排在更前面的位置。

当然最前面的肯定是直接给百度钱打广告的。
而百度的搜索引擎机制是利用爬虫爬取别人的网站的网页信息，然后展示出来。
如果一个网站只做MP单页应用，那么爬虫就只能爬到一个html文件，这显然不利于SEO优化。
当然，这里再次强调一下：我对SEO这部分也不是非常了解，只是简单地进行了一些描述。

总之，SEO对于一个网站来说非常重要，可以增加搜索后的排名，因此使用MP单页应用并不合适。
所以我们选择使用多页应用进行开发：依然是前后端分离，不过前端页面会独立多个html文件，每个页面都使用ve进行渲染。

总结一下：前台“山城网站构建平台”使用ve+Nxt实现多页应用，后台管理系统使用ve+vetify实现单页应用。

二、搭建网站
在后台中，我们使用了webpack这一框架，很方便地实现了热部署。
这对我们来说非常重要，因为不像Java代码每次一改就要重启微服务，非常繁琐。

而此处使用的叫live-server，翻译过来就是“活的服务器”，很生动形象。
安装live-server非常简单，使用npm命令即可完成，命令如下：

npm install -g live-server

这里我们进行的是全局安装，以后在任意位置都可以使用。

npm是Node.js的包管理工具，install表示安装的意思，-g表示全局安装，也就是global的首字母缩写。

live-server表示“活的服务器”。

安装好了之后，运行live-server，同时可以使用命令指定端口：

live-server --port=9

这里的9就是前台平台的端口。

域名是本地域名，通过域名+端口就能访问到对应的页面了。

和后台管理系统一样，为了让域名更加正规美观，我们使用SwitchHosts+nginx实现域名和端口的反向代理。
关于这方面的知识，我在第14天的学习笔记中进行了专门的讲解，这里做一个简单的回顾：

在SwitchHosts中配置想要的一个域名，将其设置为本地域名，也就是说当在浏览器上访问该域名时，系统会自动解析成本地域名。

在浏览器中没有指定端口时，默认解析成8端口，所以在nginx配置中监听该端口，并跳转到前台平台路径。

所以当在浏览器中访问对应域名时，实际上访问的就是nginx中配置的那个路径。

三、业务需求
今天我们不涉及到具体的业务实现，但是对接下来一段时间的学习做一个了解。

①搜索单页的生成与优化，一个电商网站，搜索功能肯定是核心关键了。
现在已经不再使用模糊查询等方法，有专门的搜索引擎技术来提高效率。
明天将专门学习这方面的知识。

②商品详情以及RabbitMQ的使用。
关于这部分我目前尚未了解清楚，后续会继续深入学习。

③用户中心的实现，最常见的也就是用户的注册和登录了。
当然还有其他一些功能，比如个人信息管理、地址管理、收藏管理等。
这些我在之前的项目中已经实现过多次，所以比较熟悉。

④购物车以及下单的实现。
这部分也是商城非常核心的一环，需要使用到支付功能，支持微信支付、支付宝支付等多种方式。

最后，我是刘小智，一个白天上班晚上学习的88后北漂，不为其他，只为学会自律，做好自己。
也愿我的每日打卡能给你带来勇气，欢迎点赞关注和评论！