今天是刘小城构建台城网络页面的第一天。
感谢您的关注，谢谢。
学习计划安排如下：从零开始搭建台城网络的门户网站。

今天主要进行了网站的基本搭建以及初步的页面设计，没有涉及到具体的功能实现。
明天我们将正式进入功能模块的学习阶段。
至于后台管理系统的建设，就先放一放吧，毕竟后台系统的基础也就在于各种增删改查的操作。
我的笔记里主要记录了查询和新增操作的相关步骤，对于修改和删除，基本也是大同小异。

一、台城网络门户网站简介
后台管理系统主要是给网站管理人员使用的，前几天编写的功能主要用于物品的管理。
通过该系统，管理员可以控制物品的样式、上下架以及库存等信息。
而前台门户系统则是面向用户的，如下图所示：当前流行的电商平台的前台门户系统大多是这样的设计风格。

以前的后台管理系统相对简单，我可以在对应的页面上进行修改，将其转为台城网络平台。
现在的前台门户系统更为复杂，有些还涉及到图片，一时间难以全部修改过来，于是暂时放弃了修改。
但愿不会被认为是广告而受到平台的屏蔽，那可就不好了。
那么，我们使用了哪些技术呢？
以前的后台系统采用的是SP（单页应用），对SP的理解其实很简单。
它就是只有一个HTML文件，其它的都是以ve组件的形式拼接，实现了页面切换。
SP的优势在于速度快，但是第一次加载慢，因为需要将所有静态资源全部加载完毕，而后续的页面切换则非常流畅。
但是这样的问题也存在，不利于SEO优化，当然还有缓存的问题，这里就不展开了。

SEO是啥？
简单地说，当用户在网上搜索信息时，如何让我们的网站排在前面呢？这就涉及到SEO（搜索引擎优化）了。
如果做好SEO优化，我们可以让网站在搜索结果中排名更高。
当然，排名第一的通常是付费的广告商。
百度搜索引擎的一个机制是使用爬虫来抓取其他网站的页面，然后展示出来。
如果只是SP单页应用，爬虫就只能抓取到那个HTML文件，不利于SEO优化。

这里需要注意的是：我对SEO的理解可能不是很深入，所以只是简单地进行了一个描述。
SEO对网站来说非常重要，可以提高搜索后的排名，因此不建议使用单页应用。
所以，前台门户系统使用了多页应用：前端页面独立多个HTML文件，每个页面用ve组件进行渲染。
总结一下：前端门户系统使用ve+Nxt实现多页应用，后台管理系统使用ve+vetify实现单页应用。

二、搭建台城网络门户网站
后台系统中使用了webpack来实现热部署，这对开发来说非常重要，不像Java代码每次修改都要重启微服务，非常麻烦。
我们这里使用的是live-server，翻译过来就是“活的服务器”，形象地说明了它的特性。
安装live-server可以通过npm命令完成，命令如下：npm install -g live-server。
这里用的是全局安装，以后在任何位置都可以使用。

我们要运行live-server，同时可以使用命令指定端口，例如：live-server –port=9，这里的9代表前台门户系统的端口号。
域名就是本地域名，通过域名+端口号就可以访问对应的页面了。
为了让域名更加规范和美观，我们使用SwitchHosts+nginx来实现域名和端口的反向代理。
在第14天的学习笔记中有过详细的讲解，这里简要回顾一下：在SwitchHosts中配置想要设置的域名和本地域名，也就是说，当你在浏览器上访问这个域名时，系统会自动识别并显示相应内容。

如果浏览器没有指定端口，默认解析为8号端口，所以在nginx的配置中要监听8号端口，并跳转到前台门户系统的路径。
所以当你通过浏览器访问对应的域名时，实际上是在访问nginx中配置的那个路径。

三、业务需求概述
今天不涉及具体的业务实现，但要对未来一段时间的学习做一个了解。
①搜索功能的实现；
②商品详情及RabbitMQ技术的应用，目前对这个还不够清楚，后续学习后再详细介绍；
③用户中心的构建，通常包括注册登录，此外还有个人信息管理、地址管理、收藏管理等；
④购物车和订单的实现，这是电商网站的核心环节，必需要使用各种支付方式，如微信支付或支付宝支付等。
总之，我将会继续努力，以学会自律，做好自己。

我是一个白天上班晚上学习的95后，沪漂族。不为其他，只为不断进步，也希望我的学习笔记能给您带来勇气。欢迎点赞、关注和评论！