objcat / uni_demo

白猫御用uni-app模板 - 一步一个坑
MIT License
1 stars 0 forks source link

uni_demo

简单介绍一下, 目前此模板仍然在开发中, 由于本人并非从事h5开发, 仅有移动端开发经验, 所以项目中有可能存在错误, 这个项目呢也是基于目前我的封装思想搭建的 当然如果说全面肯定不全面, 因为我也刚刚接触uni-app这门技术, 但我个人觉得使用起来还是比较舒适的, 至少像我这种有洁癖的程序员对它挑不出什么毛病, 当然你如果说它是有问题的, 我很愿意跟你讨论当中的问题并尽可能满足你的需求, 当然在我的思想范围内和技术范围内, 欢迎广大朋友来吐槽, 纠正毛病, 对我不用客气, Thanks♪(・ω・)ノ

一.目录结构


components 存放组件 

=>  custom 存放自定义组件
=>  uni 存放uni原生组件
=>  uview-ui 存放uview组件    

css 存放css样式

=>  global.css 全局样式
=>  m-icon.css 存放icon-font样式

js 存放js文件 

=> service.js 服务类js 目前仅有轻量化存储工具 storage 
=> zykit.js 本项目核心 本人封装的工具类 包括了 ui, storage, str, navi, media, req, api, img 具体使用方法在js文件中均有注释

pages 页面

=> index 跳板页面, 所有逻辑都是从此开始
=> guide 引导页
=> login 登录页
=> mine 个人中心 (主要是个退出登录的逻辑)

static 静态资源 (注意:图片必须存在static, 因为非static路径在 :src中会被拼接相对路径)

=> img 存放图片
=> ttf 存放字体

store vuex存储

=> x_loadData 加载全局数据, 唯一能说的东西, 我的思想是程序初始化时全局加载数据, 使用的时候直接从变量存取, 提升效率

二.逻辑

本Demo的顺序为, 启动图 => 引导图(可以左右滑动, 最后一个点击体验) => 登录界面 => 主界面, 登录成功后保存了用户信息, 在主界面可以从store里随意取出这些信息进行展示 存储的变量在程序启动后只加载一次, 避免了重复的时候storage, 从而提高程序的效率, 主界面上主要是本人学习的一些demo和总结出来的一些毛病, 可以随意的看一看, 由于本人也处于学习阶段 所以很难保证程序中不出现错误, 如果发现问题可以向我提出, 我会核实并修改, 共同学习, 共同进步.

免责声明: 本Demo仅供学习参考, 由于项目导致的一切问题与本人无关, 另外禁止非法用途, 如黄赌毒等.

该框架目前仅限于vue模式使用, 在nvue下会出现大大小小的毛病, 其中最大的问题是vue与nvue在外部js中的store不是同一个对象, 具体请参考我的毛病帖子

[uni-app] 毛病汇总