uni-app

相信大家在平时开发过程中都会遇到这两类问题： 1、很多中小型企业要快速开发一个产品，这个产品至少需要覆盖平台范围为：ios、Android、web/H5、微信/支付宝小程序，那么需要的投入的人力成本、时间成本、维护成本会很高，然而每个老板的想法都是“又想马儿跑，又想马儿不吃草”这样的思想，成本严格把控，这个时候咋办？ 2、现在已经不像诺基亚时代那样，客户的需求仅仅只是一个web页面那么简单了，大多客户的需求就是 ios、Android、微信小程序、web/H5 这四大平台缺一不可，对于个人来讲，那么你只能做一端到两端，那么剩余的部分你就需要借助其他开发者，并且投入的时间并不会减少。 那么有没有两全其美的解决方案呢？在这里我们来聊一聊Uni-App 这个前端框架，这个框架可以通过只需要一个人编写一套代码就能开发出一个跨平台兼容全端的产品，对于企业来讲，节省了更多的成本；对于个人来讲，完全满足客户需求，可以赚取更多的钱。一石二鸟，大家都开心。 Uni-App这个框架是基于Vue.js开发的，通过uni-app可以开发出跨平台的产品，所以如果对vue有一定的了解，那么这套框架可以很快速的掌握，当然，如果你对微信小程序也了解的话，也能够迅速掌握，因为Uni-App封装并且兼容了微信小程序的组件和api。当然vue.js以及微信小程序都是目前非常主流的技术，如果你不会，那么通过对uni

简介 Learun快速开发平台 ，是一个以模块化为核心的快速开发平台，是一个集PC和APP快速开发、系统管理、任务监控、开发工具、可视化数据源管理与数据构建、API动态生成与统计、工作流、可视化表单设计、小程序等全方位功能于一体的高效、稳定的快速开发平台。 平台采用Jquery、Bootstrap、Dapper ORM、jquery mobile、vue.js、uni-app等核心技术。 功能特色 1. 模块化 丰富的模块稳定的框架后台极易上手 目前已包括敏捷开发、系统管理、单位组织、自定义流程、移动管理、报表系统、工作流引擎、开发工具等模块。 2. 快速开发 强大的代码生成器与代码模板一步到位创表、代码生成即刻开发，可视化配置与自定义接口分秒接入，权限控制、统计报表等一个都不能少。 3. 工作流引擎 像“乐高”一样做开发，严谨的工作流开发流程，拖拽式设计表单，可视化流程开发直观展示管理流程，所见即所得；还有企业级专业流程引擎等您咨询。 4. 可视化开发 整个平台贯彻可视化开发原则，平台首页任意模块都可以手动编辑，可视化报表开发更是简单，平台内部选好模板和布局，连接好数据库，做好SQL就行了。 5. 跨多端开发 Learun是PC和APP一体化开发平台，而APP有安卓、iOS、H5的区别，各大平台又有各自的小程序系统，learunAPP基于uni-app框架，一套代码可运行所有平台

1.创建一个http.js ​ const baseUrl = 'http://192.168.1.188:8080' ; const httpRequest = (opts, data) => { let httpDefaultOpts = { url: baseUrl + opts.url, data: data, method: opts.method, header: opts.method == 'get' ? { 'X-Requested-With': 'XMLHttpRequest' , "Accept": "application/json" , "Content-Type": "application/json; charset=UTF-8" } : { 'X-Requested-With': 'XMLHttpRequest' , 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' }, dataType: 'json' , } let promise = new Promise( function (resolve, reject) { uni.request(httpDefaultOpts).then( (res) => { resolve(res[ 1 ]) } ).

微信登录思路： 在main.js 中封装公共函数，用于判断用户是否登录 在main.js 中分定义全局变量，用于存储接口地址 如果没有登录、则跳转至登录页面 进入登录页面 通过 wx.login 获取用户的 code 通过 code 获取用户的 SessionKey、OpenId 等信息【本应后台接口、但是此处使用js发送请求】 通过 openId 调用后台 Api 获取用户的信息 获取成功，则说明已经授权过了,直接登录成功 获取失败，则说明没有授权过，需要授权之后才能进行登录 用户点击页面微信登录按钮【 <button open-type="getUserInfo"></button>】 获取用户数据，然后调用后台接口写入数据库 在 applets/main.js 中添加如下 // 封装全局登录函数 // backpage, backtype 2个参数分别代表： // backpage : 登录后返回的页面 // backtype : 打开页面的类型[1 : redirectTo 2 : switchTab] Vue.prototype.checkLogin = function( backpage, backtype ){ // 同步获取本地数据（uid、随机码、用户名、头像） var user_id = uni.getStorageSync('user_id'); var

前言 ： 深圳漂泊十年，三个阶段： 第一阶段：20-23岁，技术快速提升，收入也快速提升，那几年几乎没有什么思想负担，做好技术就行。 第二阶段：23-26岁，开始有思想负担，尤其恐惧程序员30岁那一道劫难，现在互联网也有说35岁的。遂转型做管理。 第三阶段：26岁-29岁，一直在小公司做管理，专业技能已荒废，管理又没有真正的接触过大公司的熏陶，遂开始创业。 最终创业失败，响应深圳的号召： 来了就是惠州人！ 转战惠州，定居惠州。 不再做那些一夜暴富的梦，短期内页不再考虑创业，缓几年把家庭开支稳住。重新找一份程序员的工作， 没有找管理工作，因为局限于我的管理水平，在真正的大公司行不通，我也不想去那些三年就不见了的小公司，这些年劳动仲裁官司都打过两次了！ 至此：人到中年不得意。。。 30岁重新学.net，重新学core。手把手撸一套框架，思想依然源于： Winner框架 。 取名： Victory 《目录》 1，ORM: 　　1.1： ORM的选择 　　1.2： SqlSugar的搭建与避坑 　　1.3： 放弃SqlSugar 转用 FreeSql　 2，代码生成器： 　　2： 代码生成器 （VictoryCode） 3，项目模板 　　3.1：Vue-Admin （空） 　　3.2：Vue-Admin（登录） 　　3.3：Vue-Admin（登录+权限） 　　3.4：AdminLte

入门： https://uniapp.dcloud.io/quickstart 开发工具：HBuilderX ,HX是轻量编辑器和强大IDE的完美结合体。敏捷的性能，清爽的界面，强大的功能和于一身。 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 优势：跨平台，一套代码，多端发行；运行体验更好，兼容weex原生渲染；通用技术，学习成本低，上手快；开放生态，组件更丰富 4.具体知识点 uni-app使用vue的数据绑定方式解决js和dom界面交互的问题。 pages.json 文件用来对 uni-app 进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等 manifest.json 文件是应用的配置文件，用于指定应用的名称、图标、权限等。 参考资源 ： https://github.com/aben1188/awesome-uni-app uni-app 保持登录状态 https://www.wandouip.com/t5i413547/ 来源： oschina 链接： https://my.oschina.net/pengchanghua/blog/4280012

特别注意： 　　※：在components下的组件，图片路径用 /static/img/back.png 这样的根路径形式，不要用../static 或者 ../../static 的形式，不然很坑，有些平台不报错也不显示，有些找不到路径。 tips：防止弹窗遮罩时页面可滚动，在弹窗的外层view标签加上 @touchmove.stop.prevent="" 　 1、关于自定义导航栏中的刘海屏适配问题： 官方提供了一个CSS变量可以直接引用： var(--status-bar-height) 该变量自动匹配设备平台状态栏高度 此变量可以用calc() 加上其他单位数值来使用 具体参数和说明： 官方使用自定义导航栏注意事项 2、swiper中高度无法自适应时，采用动态获取节点赋值给外层swiper组件 uni.createSelectorQuery()后加.in(this)可以防止app端出错 < swiper :indicator-dots ="true" :style ="{height:listHeight+'px'}" :autoplay ="false" :interval ="3000" :duration ="1000" > </ swiper > 　　var _self; export default { data() { return { listHeight:

使用技术 LR.APP 是基于uni-app开发的多端APP/小程序系统，设计理念是解决多端开发问题，使用时，开发者仅需一套代码，即可编译到iOS、Android、H5、小程序等多个平台。 LR.APP封装了跨端兼容的组件和api，如果你不熟悉uni-app框架，可以直接使用 Vue.js 的开发模式进行二次开发，以 .vue 单文件的形式来编写每一个App 页面。 为降低上手难度，基于Vue.js的LR.APP支持组件化开发，且内置了 Vuex 等常用工具库。同时，LR.APP还封装了一套 UI 组件库，包括了「公司/部门/职员选择」、「文件上传」等常用的 OA 业务组件，方便二次开发。 APP展示 开发进度 目前 learunAPP 已经开发完成，可以在微信公众号上体验 （ 力软信息 ） ，APP已开发基本的工作流程，包括流程发起和数据看板、在线消息等。 开发工具 HBuilder X.该工具提供从起步到开发到调试到发布的全过程支持，无需额外配置任何环节，内置模拟器可以直接模拟运行，电脑 USB 连接手机即可真机调试，编写代码时还会提供智能代码提示，有效提高开发效率。 来源： oschina 链接： https://my.oschina.net/u/4148883/blog/4314465

gitee开源地址：https://gitee.com/chaituan/fanqie_shop github开源地址：https://github.com/chaituan/fanqie_shop 番茄社区多门店是一款帮助多商家线上盈利的工具，可做社区门店，也可以做社区团购，还可以做自营连锁店，内含小程序和公众号两个端，同一个后台管理。 主要功能模块：商家入住，合伙人推广，区域定位，分销裂变，积分商城，自定义海报 软件架构 本系统使用的是前后端分离的开发方式，后端采用国外优雅的CodeIgniter框架，小巧灵活安全性高非常容易上手，后台UI使用极简的LAYUI。 前端采用vue开发的uniapp框架，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。 一、首页排版调整 通过后台菜单 配置---首页设计，来调整图片，和位置。首页设计比较简单，后期会逐渐增加更多的DIY。 二、关于定位 首先需要在后台菜单 商家---区域管理 中添加区域。 后台可以设置定位的距离和默认位置。当用户进入系统后，系统会根据后台设置的距离来筛选离他最近的区域（地区），如果未匹配到数据，则会自动读取后台设置的默认区域。（后台有详细说明，请查看） 三、商家入住说明 商家可在手机端，申请入住。申请通过后系统会自动发PC端的帐号密码到消息中

经测试失败原因主要有下三种情况 申请key时填的包名和云打包时填写的不一致。 发布版安全码 SHA1设置的不对（ 公共测试证书 和 老版本DCloud公用证书 是不同的）。 只设置了 * 发布版安全码SHA1 ，没有设置 调试版安全码SHA1。 HBuilderX云端打包： 选择“公共测试证书”时，SHA1值为：BB:AC:E2:2F:97:3B:18:02:E7:D6:69:A3:7A:28:EF:D2:3F:A3:68:E7 选择“DCloud老版本证书”时，SHA1值为：BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58 来源： oschina 链接： https://my.oschina.net/zhenggao/blog/4457988