uni-app
文章平均质量分 55
ggome
Ggome's notes
展开
-
UNIAPP实战项目笔记72 提交订单到选择支付方式的前后端交互
清空购物车数据后前端代码 index.jsnodejs 后端代码 index.js前端购物车页面 shopcart.vue前端订单确认界面 confirm-order.vue前端 选择支付方式界面 payment.vue目录结构前端目录结构manifest.json 配置文件: appid、logo…pages.json 配置文件: 导航、 tabbar、 路由main.js vue初始化入口文件App.vue 全局配置:样式、全局监视s原创 2023-05-13 17:06:58 · 652 阅读 · 2 评论 -
UNIAPP实战项目笔记71 订单到支付和生成订单号的前后端交互
发送请求:传递商品数据前端就拿到了订单号进行存储并且跳转到确认订单页面后端生成一个订单,并且返回给前端一个订单号前端传值给后端,后端生成订单号发给前端前端代码 shopcart.js前端 payment.vue目录结构前端目录结构manifest.json 配置文件: appid、logo…pages.json 配置文件: 导航、 tabbar、 路由main.js vue初始化入口文件App.vue 全局配置:样式、全局监视static原创 2023-05-13 13:43:56 · 887 阅读 · 0 评论 -
UNIAPP实战项目笔记70 购物车删除商品的前后端交互
前端代码 cart.js目录结构前端目录结构manifest.json 配置文件: appid、logo…pages.json 配置文件: 导航、 tabbar、 路由main.js vue初始化入口文件App.vue 全局配置:样式、全局监视static 静态资源:图片、字体图标page 页面components 组件common 公共文件:全局css文件 || 全局js文件store vuex状原创 2023-05-12 23:44:06 · 577 阅读 · 0 评论 -
UNIAPP实战项目笔记69 订单确认时显示为默认地址
需要用到vuex默认显示isDefault为1的地址。原创 2023-05-12 23:07:46 · 664 阅读 · 0 评论 -
UNIAPP实战项目笔记68 购物车勾选到订单确认
需要用到vuex页面间传值。购物车页面的商品勾选到订单确认原创 2023-05-12 09:32:22 · 415 阅读 · 0 评论 -
UNIAPP实战项目笔记67 加入购物车的前端和后端交互
前端代码 shopcart.jsdetails.vue目录结构前端目录结构manifest.json 配置文件: appid、logo…pages.json 配置文件: 导航、 tabbar、 路由main.js vue初始化入口文件App.vue 全局配置:样式、全局监视static 静态资源:图片、字体图标page 页面components 组件common 公共文件:全局css文件 || 全局js原创 2023-05-11 23:45:37 · 495 阅读 · 0 评论 -
UNIAPP实战项目笔记66 当前用户更改购物车商品数量的前端和后端交互
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。static 静态资源:图片、字体图标。main.js vue初始化入口文件。store vuex状态机文件。page 页面。components 组件。原创 2023-05-11 18:13:28 · 521 阅读 · 0 评论 -
UNIAPP实战项目笔记65 获取当前用户购物车数据的前端和后端交互
构建数据库表前端数据存入vuex中shop.js的list中list自动同步到后端数据,后端相应前端请求数据。原创 2023-05-11 15:27:29 · 397 阅读 · 0 评论 -
UNIAPP实战项目笔记64 当前用户修改收货地址的前端和后端
前端文件 my-path-list.vue前端文件 my-add-path.vue目录结构前端目录结构manifest.json 配置文件: appid、logo…pages.json 配置文件: 导航、 tabbar、 路由main.js vue初始化入口文件App.vue 全局配置:样式、全局监视static 静态资源:图片、字体图标page 页面components 组件common 公共文件:全原创 2023-05-11 12:54:57 · 455 阅读 · 0 评论 -
blocked by CORS policy: Request header field token is not allowed by Access-Control-Allow-Headers in
原因跨域设置没有设置token名称,将token加入请求跨域请求头里面即可。原创 2023-05-11 10:22:44 · 5140 阅读 · 0 评论 -
UNIAPP实战项目笔记63 当前用户查询收货地址的前后端实现
当前登陆的时候收货地址( token )header:{token:true前端:后端:1.设计数据库(新建一个收货地址表)收货地址表,需要和user表关联 [字段:用户id]2.创建一个接口。原创 2023-05-09 23:41:46 · 797 阅读 · 0 评论 -
UNIAPP实战项目笔记62 第三方快捷登录,微信登录,QQ登录,微博登录前后端实现
用户点击了快捷方式登录,信息是否要存储在数据库中?肯定的后端:1.新增接口2.新增字段前端1.点击哪一个快捷登录方式2.需要给后端传递数据HBulider X设置。原创 2023-05-07 16:37:08 · 638 阅读 · 0 评论 -
UNIAPP实战项目笔记61 注册成功后直接登录
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…注册成功时,直接再去查询数据库成功注册的数据,并返回给前端。App.vue 全局配置:样式、全局监视。main.js vue初始化入口文件。前端获取注册成功后的返回数据,直接写入登录状态。page 页面。components 组件。原创 2023-04-10 14:05:15 · 345 阅读 · 0 评论 -
UNIAPP实战项目笔记60 前端使用token来验证是否已经登录
获取数据库中用户是否有token值,并存入 store.user.token中,有值代表已经登录detail页面 通过验证token拦截未登录用户bin跳转到登录页面。原创 2023-04-10 13:07:32 · 768 阅读 · 0 评论 -
UNIAPP实战项目笔记59 NodeJS后端生成token 和 修复一些bug
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。static 静态资源:图片、字体图标。main.js vue初始化入口文件。后端保持数据时往数据库写入token。page 页面。修复一些前面遗留的问题bug。components 组件。原创 2023-02-24 21:03:37 · 792 阅读 · 3 评论 -
UNIAPP实战项目笔记58 注册成功信息存储到数据库
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。store vuex状态机文件。page 页面。验证码通过后讲用户信息存入数据库。地址 /api/addUser。components 组件。1.4 HTTP请求方式。注册时候验证手机验证码。七 增加用户接口文档。原创 2023-02-24 13:10:05 · 724 阅读 · 0 评论 -
UNIAPP实战项目笔记57 发送手机验证码 接入短信SDK
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。static 静态资源:图片、字体图标。main.js vue初始化入口文件。通过验阿里云或腾讯云等短信sdk供应商。page 页面。components 组件。注册时候需要发送验证。原创 2023-02-03 17:35:11 · 1883 阅读 · 0 评论 -
UNIAPP实战项目笔记56 注册时验证手机号是否存在
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。main.js vue初始化入口文件。通过验证的直接跳转,未通过验证的提示手机号已存在。store vuex状态机文件。page 页面。components 组件。注册时候需要拦截并验证登录。原创 2022-12-19 22:28:19 · 815 阅读 · 0 评论 -
UNIAPP实战项目笔记55 自定义Tabbar并使用Tabbar事件拦截未登录跳转到登录页面
点击购物车和我的的时候需要拦截并验证登录通过验证的直接跳转,为通过验证的跳转到登录页面通过自定义tabbar来实现。原创 2022-12-18 14:14:03 · 1686 阅读 · 0 评论 -
UNIAPP实战项目笔记54 登录时用state存储用户信息并持久化用户登录和退出登录功能
设置功能里面有退出按钮,通过调用state中的outLogin方法来实现退出功能。common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。打开APP自动初始化本地存储数据到state中。登录信息各个页面同步使用的是state。登录信息的持久化使用的是本地存储。components 组件。原创 2022-12-17 17:42:55 · 1549 阅读 · 0 评论 -
UNIAPP实战项目笔记53 登录的前端和后端nodejs对接以及写后端接口和接口文档
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。static 静态资源:图片、字体图标。main.js vue初始化入口文件。store vuex状态机文件。page 页面。components 组件。输入手机号或用户名登录页面。原创 2022-12-17 11:50:41 · 2617 阅读 · 5 评论 -
UNIAPP实战项目笔记52 输入手机号页面和输入验证码页面
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。static 静态资源:图片、字体图标。具体内容图片自己替换哈,随便找了个图片的做示例。store vuex状态机文件。page 页面。显示输入手机号 使用验证码登录。components 组件。原创 2022-12-16 16:44:25 · 1284 阅读 · 0 评论 -
UNIAPP实战项目笔记51 登录用户名和密码输入框的数据验证功能
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…显示登录和注册页面布局 账号密码的验证功能和登录验证提交。App.vue 全局配置:样式、全局监视。static 静态资源:图片、字体图标。main.js vue初始化入口文件。具体内容图片自己替换哈,随便找了个图片的做示例。components 组件。原创 2022-12-13 23:21:31 · 1497 阅读 · 0 评论 -
UNIAPP实战项目笔记50 登录和注册页面的布局
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。static 静态资源:图片、字体图标。main.js vue初始化入口文件。具体内容图片自己替换哈,随便找了个图片的做示例。显示登录和注册页面布局 页面布局的切换。components 组件。原创 2022-12-10 16:48:11 · 2559 阅读 · 0 评论 -
UNIAPP实战项目笔记49 支付成功页面的布局
显示确认支付成功页面布局目录结构前端目录结构manifest.json 配置文件: appid、logo…pages.json 配置文件: 导航、 tabbar、 路由main.js vue初始化入口文件App.vue 全局配置:样式、全局监视static 静态资源:图片、字体图标page 页面components 组件common 公共文件:全局css文件 || 全局js文件store vuex状态原创 2022-12-07 21:32:03 · 1404 阅读 · 0 评论 -
UNIAPP实战项目笔记48 确认支付页面的布局
显示确认支付页面布局payment.vue 确认订单页面布局和渲染pages.json文件代码目录结构前端目录结构manifest.json 配置文件: appid、logo…pages.json 配置文件: 导航、 tabbar、 路由main.js vue初始化入口文件App.vue 全局配置:样式、全局监视static 静态资源:图片、字体图标page 页面components 组件common原创 2022-12-07 14:40:03 · 1085 阅读 · 0 评论 -
UNIAPP实战项目笔记47 显示默认收货地址和修改收货地址页面的布局
显示默认地址修改收货地址地址列表显示默认地址页面confirm-order.vue 确认订单页面布局和渲染my-path-list.vue 文件代码path.js文件代码目录结构前端目录结构manifest.json 配置文件: appid、logo…pages.json 配置文件: 导航、 tabbar、 路由main.js vue初始化入口文件App.vue 全局配置:样式、全局监视static 静态资源:图片、字体图标p原创 2022-12-06 22:24:15 · 1906 阅读 · 2 评论 -
UNIAPP实战项目笔记46 订单确认页面的布局
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…confirm-order.vue 确认订单页面布局和渲染。App.vue 全局配置:样式、全局监视。main.js vue初始化入口文件。具体内容图片自己替换哈,随便找了个图片的做示例。page 页面。components 组件。原创 2022-11-28 13:21:06 · 1676 阅读 · 0 评论 -
UNIAPP实战项目笔记45 订单页面布局完成和数据渲染
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。main.js vue初始化入口文件。my-order.vue 订单页面布局和渲染。通过 模拟数据list 来实现数据渲染。page 页面。将商品items改为组件形式。components 组件。原创 2022-11-28 11:00:43 · 2750 阅读 · 2 评论 -
UNIAPP实战项目笔记44 订单页面顶部选项卡 有数据页面样式布局和无数据页面样式布局
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。通过 v-show 的false 和 true来切换有无数据页面布局。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。main.js vue初始化入口文件。my-order.vue 订单页面布局。点击订单 跳转到 我的订单页面。components 组件。原创 2022-11-25 12:58:42 · 1856 阅读 · 0 评论 -
UNIAPP实战项目笔记43 购物车页面修改收货地址和修改默认地址
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。my-add-path.vue 设置页面布局。my-add-list.vue 设置页面布局。用到了vuex的状态机,具体位置见目录结构。修改收货地址和修改默认地址页面布局和功能。components 组件。用到了vuex的状态机。原创 2022-11-21 10:44:12 · 1238 阅读 · 0 评论 -
UNIAPP实战项目笔记42 购物车页面新增收货地址
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。具体内容图片自己替换哈,随便找了个图片的做示例。my-add-path.vue 设置页面布局。my-add-list.vue 设置页面布局。用到了vuex的状态机,具体位置见目录结构。components 组件。用到了vuex的状态机。原创 2022-11-21 00:13:09 · 1573 阅读 · 0 评论 -
UNIAPP实战项目笔记41 收货地址页面布局和省市县三级联动
用到了vue的默认组件 城市选择器mpvueCityPicker,从uniappDemo中复制过来即可,具体位置见目录结构。common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。main.js vue初始化入口文件。my-add-path.vue 设置页面布局。原创 2022-11-19 20:52:21 · 821 阅读 · 3 评论 -
UNIAPP实战项目笔记40 设置和地址的页面布局
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。static 静态资源:图片、字体图标。main.js vue初始化入口文件。具体图片自己替换哈,随便找了个图片的做示例。my-config.vue 设置页面布局。components 组件。原创 2022-11-18 23:37:43 · 572 阅读 · 0 评论 -
UNIAPP实战项目笔记39 我的页面布局
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。static 静态资源:图片、字体图标。main.js vue初始化入口文件。具体图片自己替换哈,随便找了个图片的做示例。components 组件。my.vue 我的页面布局。原创 2022-11-17 12:23:36 · 3048 阅读 · 1 评论 -
UNIAPP实战项目笔记38 购物车的添加商品到购物车功能
使用mapGetters中的 addShopCart方法实现商品数量的增加。common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。main.js vue初始化入口文件。page 页面。在 shopcart.vue中。components 组件。原创 2022-11-15 16:11:48 · 1709 阅读 · 0 评论 -
UNIAPP实战项目笔记37 购物车的删除商品功能
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。static 静态资源:图片、字体图标。main.js vue初始化入口文件。store vuex状态机文件。page 页面。components 组件。原创 2022-11-06 22:49:37 · 756 阅读 · 0 评论 -
UNIAPP实战项目笔记36 购物车的编辑商品数量完成的功能和数量价格计算
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。static 静态资源:图片、字体图标。main.js vue初始化入口文件。store vuex状态机文件。page 页面。components 组件。原创 2022-11-06 22:13:26 · 1280 阅读 · 0 评论 -
UNIAPP实战项目笔记35 购物车的价格合计和结算数量
UNIAPP实战项目笔记35 购物车的价格合计和结算数量。原创 2022-11-06 17:18:40 · 675 阅读 · 0 评论 -
UNIAPP实战项目笔记34 购物车的单选和全选单选联动
common 公共文件:全局css文件 || 全局js文件。pages.json 配置文件: 导航、 tabbar、 路由。manifest.json 配置文件: appid、logo…App.vue 全局配置:样式、全局监视。static 静态资源:图片、字体图标。main.js vue初始化入口文件。store vuex状态机文件。page 页面。components 组件。原创 2022-11-02 09:31:25 · 843 阅读 · 0 评论