美文网首页
uni-app案例

uni-app案例

作者: 企业信息化架构 | 来源:发表于2019-12-30 23:57 被阅读0次

    开发工具

    Hbuildder下载和安装。

    案例工程

    案例工程ThorUI导入开发工具。

    目录结构

    ├─common            // 通用文件
    ├─components        // 组件目录
    ├─pages             // 小程序的页面目录
    │ ├─extend
    │ ├─index
    │ └─my
    ├─utils              // 存放request等工具
    ├─static             //目录:存放应用引用静态资源(如图片、视频等)的地方,注意:静态资源只能存放于此
    ├─unpackage          // 打包出口
    │ └─dist
    │ └─dev
    │ └─mp-weixin        // 在hbuilder小程序的打包文件
    ├─main.js            //Vue初始化入口文件
    ├─App.vue            //应用配置,用来配置App全局样式以及监听应用的生命周期
    ├─manifest.json      //配置应用名称、appid、logo、版本等打包信息
    └─pages.json         //配置页面路由、导航条、选项卡等页面类信息
    

    启动工程

    小程序和安卓启动。

    新建页面

    新建uni-app页面和配置page.json文件,页面跳转控制
    提示:pages节点的第一项为应用入口页(即首页)

    页面设计

    基础组件设计

    页面交互

    与服务器后台交互,更新数据。

    官网路径:https://uniapp.dcloud.io/README

    参考

    快速上手uni-app项目:https://www.jianshu.com/p/b298c55a095c

    uni-app初体验:https://www.jianshu.com/p/aeee38ba66dc

    相关文章

      网友评论

          本文标题:uni-app案例

          本文链接:https://www.haomeiwen.com/subject/kcpvoctx.html