今天是张小明搭建网上销售平台的第112天。
感谢您的阅读,谢谢。
首先,我要明确我的学习计划:从网站前端架构的搭建开始。
今天,我将主要介绍网站基础的构建和一些入门级知识,但不会涉及具体业务部分。
明天,我会继续深入学习具体业务模块。
至于后台管理的部分,我们已经完成基础框架的搭建,主要功能就是商品的增删改查。
一、网站前端的初步了解
后台管理系统主要是为网站管理人员准备的,而我之前写的功能主要集中在商品管理上,如控制商品样式、上架下架、库存等。
而前端则是面向用户的,如下所示:现在主流的网上销售平台的前端架构大多是这样的样式。
以前的后台系统比较简单,我可以在相应的页面上进行修改,将其转换成张小明商城。
但现在,随着网站内容的丰富和复杂性增加,特别是涉及到图片和多媒体内容,修改起来有些力不从心,所以我就不打算进行了。
当然,我也希望不会因为这个而被平台屏蔽掉。
那么,我们用到哪些技术呢?
以前的后台管理系统采用的是SP(单页应用),简单来说,就是只有一个HTML文件,其余的页面都是通过ve组件拼接而成,实现了页面的切换。
SP的优点是加载速度快,但第一次加载时可能会慢些,因为需要将所有静态资源全部一次性加载,所以后续的页面切换非常流畅。
虽然这样有一个问题,就是不利于SEO优化,还有缓存问题,这里就不详细说明了。
什么是SEO呢?
简单地说,它就是搜索引擎优化,如果做得好,可以提升网站的排名。
比如,用户在网络上寻求商品时,可能会有很多人在百度上搜索,那么百度搜索出来的页面是如何排序的呢?这就涉及到了SEO搜索引擎优化了。
当然,最前面的肯定是一些付费广告。
百度搜索引擎的一个工作机制是利用爬虫抓取网页内容,然后展示出来。
如果只是SP单页应用,爬虫就只能抓取一个HTML文件,不利于SEO优化。
二、快速搭建网站前端
为了解决SEO和缓存的问题,我们将在前端使用多页应用:即前后端分离,但前端页面将独立成为多个HTML页面,每个页面通过ve渲染完成。
做一个总结就是:网站前端采用ve+Nxt实现多页应用;后台管理则采用ve+vetify实现单页应用。
三、搭建网站后端
在服务器端,我们使用了webpack实现了热部署功能,这对于开发来说非常方便,不像Java代码需要每次更改后都要重启服务。
四、业务需求的初步规划
今天不涉及具体业务的实现,但我对接下来一段时间的学习有一个大致的了解。
1.搜索引擎的实现:对于一个电商网站来说,搜索引擎是核心功能之一。
2.商品详细信息和RabbitMQ:这是我现在还不清楚的内容,等学习了再说。
3.用户中心的实现:除了基本的注册和登录外,还可以包含用户信息管理、地址管理、收藏管理等。
4.购物车及下单功能的实现:购物车是一个非常重要的一环,它需要与第三方支付系统(如微信支付或支付宝)进行集成。
以上就是我的学习计划,我会坚持每天打卡,不断努力。希望我的分享能给您带来一些帮助或启发。也欢迎您点赞关注和评论。