前端
文章平均质量分 89
lz9866
这个作者很懒,什么都没留下…
展开
-
基于《黑马商城》项目,分析资讯详情列表的实现(uniapp中rich-text的使用)
在这篇文章中,我们基于《黑马商城》项目,分析资讯列表详情的实现,主要功能是从资讯列表点击某一项,跳转到对应资讯详情页面,资讯详情页面如下:需要从资讯列表点击跳转过来,资讯列表如下:(由于连接图床有问题,所以不能显示出图片)我们从资讯列表点击,传递id,到详情页面详情页面根据传过来的id,发起请求从后端获取不同的内容下面我们来具体分析详情页面的实现:页面显示如下:HTML代码如下:<template> <view class="n...原创 2021-11-06 15:54:19 · 706 阅读 · 1 评论 -
基于《黑马商城》项目,分析uniapp中首页的实现
在这篇文章中,我们将基于《黑马商城》项目,分析首页的实现。涉及到调用uniapp组件库的轮播图组件,图标自建组件首页效果如下:分为三部分:第一部分是轮播图的实现第二部分是导航区,涉及图标,文字等第三部分是商品列表1、轮播图调用uniapp提供的组件滑块视图容器,代码如下: <swiper indicator-dots circular> <swiper-item v-for="item in swipers" :key="item.原创 2021-11-05 22:00:13 · 2078 阅读 · 0 评论 -
基于uniapp,双侧联动界面的实现,常用于新闻类别与新闻的对应,点餐类别与餐品的对应(类别与详情之间的对应)
在本篇文章中,基于《黑马商城》项目,分析双侧(或多侧)滑动列表的实现,使用场景常常是类别与详情之间的对应效果如下:如上图所示,左侧点击“家居生活”,右侧显示与家居生活相关的内容;左侧点击点击“摄影设计”,右侧显示与摄影设计相关的内容;左侧点击“明星美女”,右侧显示与明星美女相关的内容,并且在左侧点击相应区域时,相应区域会变红。在右侧,点击图片,有放大效果显示。并且可以滑动切换所有的图片对于页面的框架,HTML部分,代码如下:<template> &l...原创 2021-11-02 15:00:56 · 803 阅读 · 0 评论 -
基于《黑马商城》项目,分析uniapp中实现资讯列表(或者对象罗列列表)
本篇文章中,基于uniapp,我们分析一种常用页面(列表式的资讯页面,或者商品列表页面),我们从布局和for循环对象列表(实现)两个方面来进行分析。这种常见布局如下:原创 2021-10-15 10:08:38 · 741 阅读 · 0 评论 -
前端:总体布局,侧边栏解析,基于《电商管理系统》Element UI组件库
在这篇文章中,我们依然基于《电商管理系统》。此次我们分析界面的总体布局,应用ElementUI的布局容器和侧边栏组件,界面的总体布局采用ElementUI组件库的Container布局容器代码如下:<el-container> <el-header>Header</el-header> <el-container> <el-aside width="200px">Aside</el-aside>原创 2021-10-10 15:20:12 · 999 阅读 · 0 评论 -
前端:基于《电商管理系统》,基本管理操作,管理元素增删改查
在这里,我们将基于表单,讲解对元素的增删改查,以及在表单上的一系列操作(预验证、提交、重置)。这是在管理系统里最常见的操作,涉及有用户管理、商品管理、车辆管理、司机管理等等。我们将继续基于《电商管理系统》,探讨前端的基本管理操作。...原创 2021-10-01 16:39:00 · 591 阅读 · 0 评论 -
解析如何在vue前端处理token
token(令牌)是用户登录后获取的一种凭证。那么,用户登录后访问其他API都需要携带token,才可以成功请求;所以如果没有携带,便不可以请求成功。好处:如果不使用token,可能请求时都需要去验证用户名和密码,那么这就造成对服务器算力的浪费,使用token,便可以减少服务器的压力,减少频繁的查询数据库。token具有时效性,可能有效期是几分钟,或者几天。token生成机制一般是通过加密算法和盐把类似(用户名 + 时间戳 + 盐)生成串而后端生成token后,会把它存在Redis(缓存原创 2021-09-16 21:02:02 · 6995 阅读 · 0 评论 -
《电商管理系统》登录界面布局解析
准备写一些解析前端开发的博客。以b站上比较火的《电商管理系统》为例,解析前端开发的工作。据目前的理解,后端的每个请求可以实现项目的所有功能(增删改查等等),而前端辅助这些功能的串联与界面展示。前端主要的功能有那么几大块:界面布局、数据显示、逻辑完整、权限控制。后面博客的分析也会从这几个方面来解析前端的工作。这篇博客主要来解析登录界面的布局布局我们主要用css来控制我们要实现的布局是这个样子...原创 2021-09-13 20:22:14 · 818 阅读 · 0 评论