跨平台开发 | 千锋Uniapp开发实战项目发布！
糖果小姑娘
5
回复：uniapp
获取相关项目资料代码
我上来就是一发"佛光普照"
坐亦禅 行亦禅,
一花一世界 一叶一菩提
春来花自青 秋至叶飘零
无穷般若心自在 语默动静体自然佛曰：
人生有八苦:生,老,病,死
爱别离,怨长久,求不得,放不下
猿曰：
编程有八苦：呆，熬、秃、土
有BUG，不优化，改需求，班不下产品的五百次需求
换来本猿的秃头一颗
如若世间真的有佛
那我秃头掉发深夜加班时
我写BUG改需求默默流泪时
我跨平台开发不知所措的时候
佛又在哪里？？？远在天边，近在眼前
佛在心中，佛在对面
千锋前端爱佛僧
uni-app-跨端开发项目实战
渡你脱离控制台上的滚滚红尘
铸就金身艾弗森？还是爱佛僧？
Whatever！！！百变讲师爱佛僧
他可以是这样
带人过球
极致丝滑
脚踝终结者
带键盘过项目
机智绝顶，
BUG粉碎机
我就是你们前端开发的
"答案"
可以是这样
键盘敲凡世
鼠标定初心
贫僧自西天而来要去女儿国······呸！
要去这世间普度众"猿"
贫僧一套
1AA2AA3(射墙上）AA3AA
带走
但更多是这样
爱佛僧本僧↑↑↑
求取uni-app跨平台开发项目"真经"
项目介绍
本项目是一个面向部分城市群体的蛋糕定制网站，为指定区域的用户提供在线定制、实时配送，打造线上线下相结合的个性化蛋糕定制服务。
项目名称《MCAKE蛋糕订购平台》
项目介绍本项目是一个面向部分城市群体的蛋糕定制网站，
为指定区域的用户提供在线定制、实时配送，
打造线上线下相结合的个性化蛋糕定制服务。开发环境及工具
1. Windows10
2. Nodejs-16.11.1 (注:Nodejs-14.19.0也可以)
3. HbuilderX-App开发版
4. Edge浏览器
技术栈
1. Vuejs 数据驱动
2. Uniapp 跨平台能力
3. Vuex 集中式状态管理
4. SCSS 样式预编译
5. ColorUI 高效UI布局
6. uViewUI 功能性组件
7. LeanCloud 数据的云存储服务项目架构
|--bus 可选的事件总线通信
|--colorui UI布局样式库
|--components 项目公共组件
|--node_modules 项目依赖
|--pages 项目页面组件
|--static 静态资源文件夹
|--store 状态机文件
|--address.js 收货地址数据
|--cart.js 购物车数据
|--condition.js 商品列表筛选数据条件
|--user.js 用户信息数据
|--index.js 状态机对象模块
|--utils 工具包
|--request.js 异步请求方法封装
|--App.vue 项目根组件
|--index.html SPA单页面模板文件
|--main.js 项目核心入口文件
|--manifest.json 项目跨平台打包相关配置文件
|--pacakge.json 项目信息记录文件
|--pages.json 项目全局配置文件
|--README.md 项目说明
|--uni.scss 全局样式文件
功能版块
1. 首页
2. 分类列表
3. 商品列表
4. 商品筛选
5. 分页加载
6. 下拉刷新
7. 购物车
8. 购物车设置弹窗
9. 地址管理
10. 默认地址
11. 注册
12. 登录
相关文章
-
本文效果图： 正文 1、查阅官网配置搜索框pages配置项 配置链接：uni-app官网(dcloud.net.cn) 1.1首先进入官网后找到如下内容 1.2如官网所示style的说明如下，看图操作 用于设置每个页面的状态栏、导航条、标题、窗口背景色等。 页面中配置项会覆盖globalStyle中相同的配置项.
hi丶尛檌
8 6
0 条评论
-
一、下载并安装开发工具 uniapp的开发工具为HbuilderX，下载地址为：去下载 这里选择windows版本。windows版本下载完成之后会得到一个zip的压缩包文件，解压完成即可使用，是不需要安装的绿色版本。 二、安装sass和scss插件 打开HbuilderX，点击工具----插件安装，如图所示： 在
簇氖鹊徘
7 3
0 条评论
-
成果 准备cnblogsAPIKEY申请：https://oauth.cnblogs.com/ api接口文档：https://api.cnblogs.com/help 开发工具微信开发者工具 [uniapp官方编辑器](https://www.dcloud.io/hbuilderx.html) 学习路线没有接触过V
ababcdy
7 3
0 条评论
-
1.4版本 前后台模式切换 用户现在可以自由切换前后台设计模式，在前台模式下，加入了新的信息列表控件，用于展示移动端常见的下拉刷新上拉分页的列表。其他控件，包括各种图表控件也都可以在前台模式中使用。 在线预览移动端效果 如果在项目中维护了移动端的页面，那么当你预览的时候，会同时生成后台系统和前台移动端的预览环境，用户
鈽倄cs9
5 0
0 条评论
-
第一步：查看自己的项目的基础配置 第二步：选择打包项目 选中我们要打包的项目 方式一：可以右键我们我们的项目目录-》发行-》原生APP-云打包 方式二：点开当前项目，点击HbuildX上方菜单栏-》发行-》原生APP-云打包 第三步：打包界面选项 选择完我们要打包的项目之后会弹出一个打包配置选项界面。 因为我们打包的
ganqchund475
8 1
0 条评论
-
平台分裂，为不同平台编写相同的业务代码，是件无趣的事情。 有追求的程序员，一直在探索代码复用的方案，HybridApp即是代表。 1、基于跨端框架，从头开发，一套代码，发行多个平台，比如DCloud出品的uni-app、京东凹凸实验室的taro。 在这段并行的时间内，开发者需要同时维护微信原生、uni-app两个版本
爱笑的田中未央
5 6
0 条评论
-
uni-app简介 官网：https://uniapp.dcloud.io/ 01 1.uni-app是什么？ 01 02 那么哪里可以体现uni-app可以实现"一套代码，多端发行"呢？从常用的uni-app开发工具HBuilder可以看出该特点。 02 2.为什么选择uni-app？（uni-app的优点） 兼容
sinbaranny
4 5
0 条评论
-
"作者：坚果 2.uni-app功能框架一图胜千言 img3.uni-app创建项目的两种方式uni-app支持通过可视化界面、vue-cli命令行两种方式快速创建项目。 1.可视化界面可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。 开始之前，开发者需先下载安装如下工具： HB
tuoyeitu77
3 3
0 条评论
-
各种福利第一时间送达！ 大家好，我是黑马腾云。 为了反馈朋友们长期的支持，接下来几天会有很多福利，敬请期待！ 前几天，不少读者私信咨询前文中项目案例的种种实现细节，本文先揭晓使用的开发工具。 特别说明：系列文章定位是帮助初学者从入门到实战，适合零基础或基础较差uni-apper。为了节约时间，高手勿进，可关注后续的实战
穿越火线—0
5 3
0 条评论
-
0x00背景介绍第一次分析uni-app框架的apk，顺手记录一下过程。在分析过程中涉及到uni-app和mui框架，下面简单介绍一下背景。 mui，也是Dcloud官方推出的一个基于html5+标准的框架，同时拥有h5组件和原生组件，号称最接近原生APP体验的高性能前端框架，官网：https://dev.dcloud
们酮供碱梭
5 0
0 条评论
