Uniapp+UviewUI实现购物商城

简介: Uniapp+UviewUI实现购物商城

前言


随着社会的进步,无论是日常休息,还是上班工作,人们都在追求方便。伴随着这些,手机成为了人类生活中不可缺少的一部分,于是小程序等手机端app就流行起来了。


Uni-app


是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。


HBuilderX开发(入口)

Visual Studio Code开发(入口)

网上(入口)有着详细的开发教程,这里我就不多说了,只说一些比较常见的知识。


页面跳转:


image.png


生命周期:


image.png


UviewUI


uView是uni-app生态专用的UI框架,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码, 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台(引言自uni-app网)。


vue.js有着自己合适的UI框架elementUI,当然uni-app也有着自己合适的UI框架,就是uviewUI(入口)。同时它有着非常多的模板,可以直接下载使用,非常强大(地址)。


接下里直接步入主题,上图。


image.png

image.png

image.png

image.png


image.png

同时设置了一个登录拦截器,只有在登录成功的情况下才能进行其他操作,否则其他页面无法进行访问。


参考:vue+node.js+express+axios实现连接mysql数据库(前后端分离,详细版)_Hrenhua的博客-CSDN博客


Github地址:https://github.com/dragon-lee-add/Uni-appStore


相关文章
|
5月前
|
小程序 搜索推荐 安全
【开题报告】基于uniapp的在线蛋糕商城小程序的设计与实现
【开题报告】基于uniapp的在线蛋糕商城小程序的设计与实现
190 0
|
12月前
|
移动开发 小程序
uniapp——商城购物车联动效果
商城购物车联动效果
110 0
|
JavaScript 数据安全/隐私保护
UniApp+UviewUI实战之记住账号密码
UniApp+UviewUI实战之记住账号密码
UniApp+UviewUI实战之记住账号密码
|
JavaScript 数据安全/隐私保护
UniApp+UviewUI实战之记住账号密码
UniApp+UviewUI实战之记住账号密码
UniApp+UviewUI实战之记住账号密码
|
算法 搜索推荐 小程序
java商城推荐算法(含源码,小程序,vue,uniapp)
java商城推荐算法(含源码,小程序,vue,uniapp)
452 0
|
算法 JavaScript Java
基于java springboot vue uniapp商城源码(毕设)
java springboot vue uniapp商城源码
449 1
基于java springboot vue uniapp商城源码(毕设)
|
1月前
|
小程序 安全 JavaScript
从零开始uniapp微信小程序项目到发布(超级详细)
最近微信小程序又掀起一波风潮,本文站在新手的角度出发,比较适合第一次使用uniapp 开发微信小程序的伙伴,或者没有过实战经验的小伙伴参考,从零搭建uniapp小程序项目
127 1
|
1月前
|
小程序 前端开发 JavaScript
uniapp转微信小程序编译报错 Bad attr `data-event-opts` with message
uniapp转微信小程序编译报错 Bad attr `data-event-opts` with message
|
3月前
|
小程序 前端开发
uniapp 小程序接入友盟 ,自定义事件携带参数
uniapp 小程序接入友盟 ,自定义事件携带参数
|
3月前
|
移动开发 小程序 JavaScript
Uniapp 中,能够同时兼容H5、web、app、微信小程序的引入高德地图的语法格式
Uniapp 中,能够同时兼容H5、web、app、微信小程序的引入高德地图的语法格式