- 博客(42)
- 问答 (2)
- 收藏
- 关注
原创 uniapp商城之首页模块
主要涉及到组件通信、组件自动导入、数据渲染、触底分页加载、下拉刷新等。自定义导航栏的样式需要适配不同的机型。操作步骤准备组件静态结构修改页面配置,隐藏默认导航栏,修改文字颜色样式适配 —> 安全区域。
2025-02-13 18:04:55
1361
原创 uniapp商城之基础架构
说明:Pinia用法与Vue3项目完全一致,uni-app项目仅需解决。实现持久化,小程序端不兼容,需要替换持久化API。
2025-02-12 09:13:40
359
原创 uniapp商城之登录模块
注意:获取手机号功能针对非个人开发者,且完成认证的小程序开放工作场景:使用企业小程序appid,且把微信号添加到开发者列表中。
2025-02-11 15:37:33
534
原创 uniapp商城之订单模块【订单详情】
获取当前页面栈,如果不能返回上一页,按钮变成返回首页。2.导航栏动画效果:滚动驱动的动画,根据滚动位置而不断改变动画的进度。
2025-02-10 17:50:20
958
原创 uniapp商城之订单模块【填写订单】
订单模块页面较多,将用新的分包文件夹独立管理订单模块页面:填写订单页,支付订单页,订单详情页,订单列表页。新建文件夹pagesOrder,右键新建分包create。
2025-02-08 17:07:24
566
原创 uniapp商城之购物车模块
为了解决小程序tabBar页面限制导致无法返回到上一页问题,将购物车业务作为独立组件,让其能够从底部tabBar访问,又能够在商品详情中。计算并展示购物车中选中商品所要支付的总金额,在用户切换商品选中状态和改变购买数量后,总的金额也要相应的进行重新计算。tabBar页:小程序跳转到tabBar页面时,会关闭其他所有非tabBar页面,所以小程序的。购物车可以从下方tabBar打开,也可以从商品详情下方的购物车打开。修改单个商品选中会影响全选状态,修改全选状态同理。计件总数不为0时去结算。
2025-02-08 11:52:20
947
原创 uniapp商城之SKU模块
SKU概念:存货单位,库存管理的最小可用单元,通常称为“单品”。SKU 常见于电商领域,对于前端工程师而言,更多关注SKU算法,基于后端的SKU数据渲染页面并实现交互。
2025-02-07 15:56:07
671
原创 uniapp商城之用户模块【个人信息】
用户对会员信息进行更新操作,涉及到表单数据提交、图片读取、文件上传等。登录后才可以获取用户个人信息,目前已封装请求拦截器,拦截器中自动添加了token,无需再手动添加。发现该用户详情类型定义中与用户登录的某些字段一样,将共有部分提取可进行封装,如下在修改昵称保存后并返回到上一页。
2025-02-06 14:52:36
712
原创 uniapp商城之用户模块【会员中心】
在用户登录/注册成功后,展示会员信息,更新会员信息。主要实现的业务:1.渲染当前登录会员的昵称和头像,从Store中获取。2.猜你喜欢分页加载,可封装成组合式函数实现复用逻辑。去掉默认导航,自定义导航文本颜色经验:分包一般是按照项目的业务模块划分,如会员模块分包,订单模块分包等。
2025-02-05 16:33:06
775
原创 uniapp商城项目之商品详情
pages下新建一个文件夹goods——> goods.vue,在分类category.vue父组件中确保传递商品的id,goods.vue中接收传递过来的id。点击送至和服务均打开弹出层,准备两个vue,商品goods.vue导入后,将其放在uni-popup中。商品详情里轮播图滑动切换时,右下角更新自定义下标,当图片被点击时放大预览。获取页面参数,根据商品的id查询到某个商品的详细信息展示给用户。关闭按钮在子组件,要调用父组件的弹出层关闭(子调父)
2025-01-24 15:54:50
871
原创 【信贷后台管理之(五)】
文章目录目录结构一、面包屑组件封装二、退出登录接口联调三、申请列表的菜单路由3.1 路由创建,表格编写3.2 列表接口调用3.3 出生日期转变3.4 申请状态3.5 申请列表的操作3.5.1 编辑删除提交操作3.5.2 禁用状态3.5.3 操作接口3.5.4 搜索查询3.5.5 申请列表分页功能3.5.6 申请列表编辑功能目录结构一、面包屑组件封装在components下新建BreadCrumb.vue组件自动获取列表面包屑,定义route放在computed自动获取属性里,定义matched接
2024-04-08 15:01:46
808
1
原创 【信贷后台管理系统之axios的二次封装(四)】
src下新建api文件,user.js,引入封装的reques(axios的二次封装),登录后可以打印20000数据,打印出token,然后将token加上。// 密码校验,长度不小于8位且不大于20位字符,必须包含大写字母,小写字母,数字和特殊符号。在src文件的views的loan文件下的IndexView.vue文件里引入并使用。在src下新建api文件,该文件下新建loan.js,引入request。在request.js文件里引入axios,router。/*上面贴着父元素,居于中间*/
2024-04-02 10:32:42
1045
原创 【信贷后台管理系统之贷款申请页面(三)】
文章目录目录结构目录结构贷款申请路由跳转,添加路由贷款申请页面,表单实现信息填写,利用element-ui的卡片实现每块表单,并在最后一个卡片下添加立即创建和重置按钮,并设置相应的校验在src下的views下新建IndexView.vue<template> <div> <el-form :model="form" ref="form" :rules="rules" label-width="80px"> <el-card
2024-04-01 14:57:52
1246
原创 【信贷后台管理系统之首页】
文章目录目录结构一、布局设置目录结构一、布局设置创建一个layout文件夹,layout.vue。容器里存放页面的整个布局规划,使用到element-ui的container布局容器。为实现组件化管理,将aside,header部分单独放在components组件,然后在layout.vue布局里直接引用。aside是导航栏,header里右边有个admin可实现下拉菜单进行退出登录。layout.vue代码如下:<template> <div> <
2024-04-01 10:33:46
796
原创 【Vue3(八)】
实现如下效果:创建两个组件,在App.vue里引入</</setup nameimportfrom;importfrom;</</计算组件Count.vue。
2024-03-28 14:10:37
1859
原创 【vue3(七)】
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考在src下新建types文件夹,新建index.ts,定义一个接口,用于限制对象的具体属性Hooks可以实现模块化,即一个功能的数据和方法单独放在一个useXxx.ts文件。想要实现数组里存放的图片,点击按钮便增加一张图考虑若地址访问错误返回异常。
2024-03-25 17:58:25
1169
原创 【Vue3之watch监视(六)】
文章目录前言一、场景一二、场景二三、场景三四、场景四五、场景五watchEffect前言作用:监视数据变化特点:Vue3 的watch只能监视以下四种数据1. ref定义的数据,而不是其.value2. reactive定义的数据3. 函数返回一个值(getter函数)4. 一个包含上述内容的数组一、场景一监视ref定义的基本类型数据,当求和大于10时停止监视<template> <div class="person"> <h1>场
2024-03-22 14:50:44
1024
原创 【Vue3之toRefs与toRef(五)】
可以参考:https://blog.csdn.net/cookcyq__/article/details/121618833。
2024-03-22 10:37:44
188
1
原创 【Vue3之computed属性(四)】
理解computed属性,实现输入姓和名得出全名并双向绑定,区分单向绑定和双向绑定。测试computed属性和方法的区别。
2024-03-22 10:09:33
526
1
原创 【Vue3之响应式数据(三)】
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。
2024-03-21 17:08:37
682
1
原创 【Vue3之setup语法糖(二)】
再添加一个script标签里面放setup,不需要写return返回值了。两个script,一个用于显示vue的名,一个用于放setup。
2024-03-21 15:00:44
264
1
原创 【vue3学习之路(一)】
参考视频:https://www.bilibili.com/video/BV1Za4y1r7KE?1.Vue3的setup和vue2传统的配置项(data,methods)可不可以同时写?若冲突,以谁为主?答:vue2的选项式语法可以和vue3的setup共存。data,methods可以和setup同时存在。data可以读取setup里的数据,setup不能读取data里数据-- <h2>姓名:{{a}}</h2>--> <!
2024-03-21 14:25:04
465
1
原创 【vue通用后台管理之Echarts(六)】
文章目录前言一、首页Echarts图1.下载echarts并引入2.初始化实例前言一、首页Echarts图绘制折线图,柱状图和饼图。将折线图放在一个el-card里,将柱状图和饼图放在一个div容器里的两个不同的el-card,实现鼠标滑过会出现阴影的效果。1.下载echarts并引入控制台 npm i echarts@5.1.2并在Home.vue引入2.初始化实例初始化实例并配置数据,处理x轴数据最后应用Home.vue代码如下<template> <el
2024-03-20 14:40:51
2193
1
原创 【Vue后台通用管理(三)】
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、左侧栏一级菜单优化1.将菜单数据写入CommonAside.vue2.使用计算属性来对不同用户的权限管理3.对数据进行遍历二、二级菜单显示三、菜单样式显示1.设置整个左侧导航栏的背景色以及字体色2.将左侧导航栏往下铺满页面2.脚手架使用less解析器2.1 控制台下载less2.2 页面设置2.3 取消默认边框设置四、菜单实现路由跳转4.1定义路由index.js4.2 创建路由vue4.3 index.js引入路由4.4
2024-03-18 14:06:08
1961
1
原创 vue通用后台管理
https://nodejs.org/en/download/下载Node,在控制台输入node -v以及npm -v后出现版本号即安装成功。参考视频学习:https://www.bilibili.com/video/BV1QU4y1E7qo?
2024-03-15 16:42:09
1414
1
原创 Element-UI在webstorm的安装使用
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考参考文档:https://blog.csdn.net/qq_44706779/article/details/120936543。
2024-03-14 16:34:56
3252
1
原创 【ECharts学习】
webstorm的学习一、简单了解webstorm?二、webstorm实现可视化(html)1.ECharts官网下载方法2.折线图实例3.柱状图实例4.饼图实例三、webstorm创建vue项目1.安装vue-cli和webpack2.使用webstorm创建vue项目四、ECharts嵌入到vue项目1.安装echarts2.绘制图表一、简单了解webstorm?WebStorm是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”“最强大的
2024-03-13 18:57:05
1170
原创 【pycharm安装库问题】
安装失败可直接复制最后路径到cmd中下载,百试百灵。一种是在cmd里进入此路径下载,一种是在此电脑复制好地址选中后直接输入cmd即到了此目录下。推荐使用把路径假如到环境变量中,这样就可在cmd中直接下载。若在cmd或pycharm里install相关库不成功,是因为没找到路径。
2023-12-06 22:45:43
382
1
原创 【数据分析之回归分析】
当建立了估计方程后,还不能马上进行估计或预测,因为该估计方程是根据样本数据得到的,它是否真实的反映了变量x和y之间的关系,则需要通过检验后才能证实。会发现有些点在回归方程的上面,有些在下面。线性关系的检验是检验自变量与因变量是否可以用线性表示,而回归系数的检验是对样本数据计算的回归系数检验总体中回归系数是否为0。曲线回归分析的基本任务是通过两个相关变量X与y的实际观测数据建立曲线回归方程,以揭示x与y间的曲线练习的形式。ε表示误差项,反映除x和y之间的线性关系之外的随机因素对y的影响,误差项是无法避免的。
2023-12-02 22:51:57
509
1
原创 【数据分析】假如你开了一家服装店,有大量微信客户,怎么管理这些数据?
随着科技的发展以及消费习惯的改变等原因,产品的销售量和利润持续下降,产品在市场上已经老化,不能适应市场需求,市场上已经有其它性能更好、价格更低的新产品,足以满足消费者的需求。用户生命周期管理是指通过分析用户的行为和需求,了解用户在整个生命周期中的价值,从而制定相应的策略和运营措施,以提高用户留存率、降低用户流失率,并实现用户价值的最大化。3.用户价值提升:通过深入分析用户行为和需求,挖掘用户的潜在价值,引导用户进行更多的消费和购买。5.市场推广:通过各种营销手段和渠道,推广产品,提高产品的知名度和销售量。
2023-12-02 14:56:54
150
1
原创 Python语言基础
python是解释型语言python的用途:web应用爬虫程序科学计算自动化运维大数据(数据清洗)云计算桌面软件/游戏人工智能python是一门面向对象的语言,一切皆对象。程序运行当中,所有的数据都是存储到内存中然后再运行的。对象就是内存中专门用来存储指定数据的一块区域,对象实际上就是一个容器,专门用来存储数据数值、字符串、布尔值,空值都是对象。
2023-12-01 14:59:20
296
1
原创 数据分析题目(一)
*问题2:**若你是元神游戏策划,且拥有测试权限即抽奖次数无限多,请用数学仿真法计算平均获得一名五星角色的概率是多少?该概率与基础概率相比有多大区别?**问题1:**若你是“贪心科技”助教,在朋友圈推广该科技的各类数据分析与Python课程,那么哪些用户是你的潜在受众?思路:建立数据标签—>潜在用户价值评分—>微信精准营销。评分:男性+1分,发达地区+1分,年轻化+1分。精准营销:对于评分高的私聊或者朋友圈分组可见。一般概率:抽中五星角色的基础概率为0.6%数据标签:性别分布,地区分布,年龄分布。
2023-11-30 22:58:58
311
命令行创建vue3的uniapp项目的包
2025-01-21
利用二维数组和多层for循环实现九九乘法表并显示出来
2019-12-31
TA创建的收藏夹 TA关注的收藏夹
TA关注的人