今天是我在网络平台设计与构建领域的第五十六个日夜。
感谢你的阅读，谢谢你。
今日的学习计划主要围绕京城网络平台的界面设计和功能实现展开。
此次我们专注于网站的搭建工作，并未涉及具体业务功能的深究。
明日我们将深入了解并实现各项业务功能。
对于后台管理系统的学习暂时告一段落，其主要涉及到数据增删改查等基本操作。
在笔记中，我重点关注了查询和新增操作，而对于修改和删除则是大同小异。
一、平台简介
所谓网络平台，就是为用户提供信息检索、社交互动等一系列服务的电子系统。京城网络平台作为此类平台之一，其设计理念是以用户体验为核心，致力于打造一个便捷、高效、多元化的互联网服务平台。
近日撰写的功能介绍主要针对商品管理模块，而商品管理系统则是后台管理人员的工作界面。
而前台门户系统则直接面向用户，以下为目前主流电商平台的前台界面风格：简洁大气、清晰易懂，功能分区明确。与以往简单的前台相比，现在的京城网络平台已逐渐完善，不仅包括图文展示等功能，还增加了视频播放等元素。
面对如此复杂的前台页面，为了不影响整体美观，我暂未进行调整。
那么，我们采用的技术是什么呢？
以前后台管理系统使用的是SP（单页应用），其结构简单易懂。它只有这一个HTML文件，其余内容通过ve组件拼接而成，实现界面切换。
SP单页应用的优点在于速度快，但首屏加载较慢，不利于缓存和SEO优化。
对于搜索引擎优化（SEO）这块，我会稍作阐述：当用户在百度搜索相关产品时，页面如何排序呢？
这就涉及到SEO优化。如果做得好，可以让网站排名更靠前。
不过，我要强调一点：我对SEO优化并非完全精通，只是略知一二。但作为一名开发者，了解这一点肯定是没有坏处的。
简而言之，SEO对于网站来说至关重要，有助于提高搜索后的排名。
所以前台门户系统采用多页应用：前端使用ve+Nxt实现多页面结构，后台管理系统则使用ve+vetify实现单页应用。
二、搭建平台
在后台管理系统中使用了webpack技术，简单易用的热部署功能无疑大大提高了开发效率。
同时，我们采用的是live-server进行实时预览，翻译成中文就是“活的服务器”，非常形象。
安装live-server很简单，使用npm命令即可完成：npm install -g live-server
此处选择全局安装，以便在任意位置使用。
运行live-server后，可以通过指定端口来访问网站。以下是具体操作步骤：
- 运行
live-server --port=9000，9为前台门户系统的端口号。 - 在浏览器中输入本地域名即可访问。
为了使域名更加正规漂亮，我们使用了SwitchHosts和nginx实现反向代理。关于这一方法，在第14天的学习笔记中有详细介绍。
三、业务需求
本次文章并未涉及具体业务功能实现，但我们会提前了解接下来一段时间的学习内容。
- 搜索功能的实现：作为电商平台，搜索功能自然是核心关键。我们将从明天开始专门研究搜索技术。
- 商品详细页和RabbitMQ：关于RabbitMQ的具体解释将在后续学习中深入了解。
- 用户中心的功能实现：涉及用户注册、登录、个人信息管理、地址管理等。
- 购物车及下单功能的开发：购物车功能是电商平台的核心之一，同时需要接入微信支付或支付宝等支付方式。
在今后的日子里，我将不懈努力，不断丰富自己的知识和技能，为京城网络平台的设计与构建贡献自己的一份力量。请关注我的每日学习打卡，愿这能给你带来一些启示，也希望你能点赞、转发和评论。
我是@京城小将，一个每天坚持学习的开发者。