项目搭建（11）-uni-app搭建tabbar

最新推荐文章于 2021-03-28 22:56:34 发布
最新推荐文章于 2021-03-28 22:56:34 发布
阅读量121 收藏 1
点赞数
分类专栏： 博客搭建 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36767214/article/details/115218528
版权
end for time
关注
专栏目录
uni-app网易云音乐实战
10-22
uni-app网易云音乐实战 uni-app是基于Vue.js的...uni-app网易云音乐实战涵盖了从开发环境的搭建到项目的创建、运行、配置tabBar、首页静态页面、推荐歌单和最新音乐等内容，为开发者提供了一个完整的uni-app开发指南。
uniapp 创建与配置 tabbar
Gblfy_Blog
01-03 1086
1. 创建页面 删除 pages 下的 index 文件夹 在 pages 文件夹处，右键 -> 选择新建页面 确认新建页面的信息 由于咱们删除了默认的index.vue页面，导致编译报错 找到pages.json文件，把鼠标选中部分配置删除即可 2. 配置 pages.json 删除 index 路径（这一步咱们上面已经做了） 新建 tabbar 节点 复制 图标资源 文件夹下 tab-icons 文件夹到 static 文件夹中 这个需要自己去图标网站下载..
1 | uniapp实战之项目介绍与搭建
NSX-Truth
08-31 609
项目介绍 做的是黑马程序员的“懂你找图”微信小程序 可以浏览和下载精美图片和视频 项目搭建 （1）新建项目 脚手架方式 创建项目 vue create -p dcloudio/uni-preset-vue 项目名 安装 sass依赖 npm install sass-loader node-sass HBuilderX方式 新建一个uniapp项目，默认模板就好了 （本次实战我使用这种方式） （2）新增一个tabbar页面 pages.json "tabBar": { "color
uni-preset-vue-master uniapp项目模板
12-02
uni-preset-vue-master则是一个专为uni-app量身定制的项目模板，它旨在提供一个高效、便捷的开发起点，帮助开发者快速搭建项目，降低入门难度，提高开发效率。 uni-app是由H5开发者社区DCloud推出的开源框架，支持...
uni-app.zip
12-09
在实际项目中，开发者可以利用uni-app和uView快速搭建应用框架，实现页面跳转、数据传递、网络请求等功能。通过uni-app的生命周期管理，可以精确控制各个组件的显示与隐藏，实现复杂逻辑。结合uView的组件，可以轻松...
mpvue+vant app搭建微信小程序的方法步骤
10-17
"van-tabbar-item": "../../static/vant/tabbar-item/index" } } ``` 在项目页面的index.vue文件中，可以按照定义好的路径使用vant组件。例如，使用van-search组件创建一个搜索框，并为其绑定搜索事件处理函数： ...
微信小程序uni-shop
最新发布
05-21
通过以上步骤，开发者可以开始搭建和调试"uni-shop"这个微信小程序项目。在开发过程中，需要注意微信小程序的特定规范和限制，例如数据绑定、网络请求、页面跳转等，这些都需要遵循微信小程序的开发规则。同时，uni-...
PHP使用jwt验证
qq_36767214的博客
03-19 5565
一.安装jwt包 这里是jwt的官网https://jwt.io，这里搜索PHP的 进入到对应的git项目中https://github.com/lcobucci/jwt composer进行下载安装 二.使用jwt 查看文档https://lcobucci-jwt.readthedocs.io/en/latest/configuration/ ...
博客搭建（8）-后端返回动态路由
qq_36767214的博客
03-23 1776
一.创建组件名称和组件对象对应表 在src/router/index.js中可以看到异步路由表，如下 但是这里面的component对应的是组件对象，但是后端只能返回字符串，所以我们需要把后端返回的组件字符串转换成组件对象，前端需要定义一个map数组来映射。 在src/router/index.js中定义组件map，如下 后端接口只需要返回如下格式： 前端定义接口，修改请求 在src/api/user.js中定义请求方法： 在src/permission.js中可以看到获取路由
博客搭建（12）-配置vue-element-admin项目接口地址
qq_36767214的博客
03-28 1572
一.修改.env.development文件 二.在vue.config.js中配置proxy proxy: { [process.env.VUE_APP_BASE_API]: { target: process.env.VUE_APP_BASE_API, changeOrigin: true, pathRewrite: { ['^' + process.env.VUE_APP_BASE_API]: ''
项目搭建（12）-uni-ui组件库的使用
qq_36767214的博客
03-28 1339
一.安装uni-ui uni-ui是DCloud提供的一个跨端ui库，它是基于vue组件的，flex布局的，无dom的跨全端ui框架 文档：https://uniapp.dcloud.io/component/ 使用方式：https://ext.dcloud.net.cn/plugin?id=55 安装命令 npm install @dcloudio/uni-ui npm install sass npm install sass-loader 二.配置 在page.json中 .
博客搭建（1）-启动vue-element-admin后台管理项目
qq_36767214的博客
03-13 1313
打算做一个前后端分离的项目，可能不仅仅是博客，想做一个集成所有功能的web，把学到的东西全部用上 先搭建后台管理： 前端用vue-element-admin进行改造，文档：https://panjiachen.gitee.io/vue-element-admin-site/zh/ 后端打算用laravel5框架 然后用户端会做一个响应式的web，用element-ui。 再用uniapp做手机端，打包成小程序，app，以及electron做桌面端 一.首先安装启动vue-elemen..
博客搭建（2）-理解vue-element-admin项目代码
qq_36767214的博客
03-13 359
一.项目代码理解 1.src/main.js 入口js，注册全局组件（Vue，Cookie，Element，store，router等），渲染App组件到页面 2.src/App.vue 定义全局router-view，以便显示路由组件（缺省路由 /) 3.src/permission.js 定义路由拦截器，拦截所有的路由。 拦截过程中，完成是否登录校验，根据用户角色动态挂载路由 4.src/router/index.js 定义路由表 5.定义登录组件 src/vi
博客搭建（4）-完成api接口签名验证
qq_36767214的博客
03-14 322
一.后端登录认证 用户再登录验证成功后会生成一个token返回给用户，并保存在redis中，这里使用了MD5加密，当然可以使用laravel带的HASH:make方法加密，更安全。 用户登录后所有的请求都需要token进行验证。 二.前端接口请求签名认证 1.安装js-sha256，这里使用sha256加密函数，当然也可以使用其他的，为了方便暂时用这个 npm install js-sha256 2.在src/utils下新建了一个encrypt.js文件，这里为了规范，也可以直接引入使用
博客搭建（7）-优化获取Uid及用户信息缓存
qq_36767214的博客
03-21 238
一.创建自定义基础控制器 在\app\Http\Controllers\下创建UserBaseController基础控制器 这里由于执行构造方法时还没有执行中间件进行token解析和设置uid，获取得就是null，所以需要这样写 在User控制器中继承UserBaseController，就不需要用jwt获取uid 二.通过redis缓存获取用户信息 首先要安装redis及php的redis扩展 然后再用composer安装predis的依赖，执行命令 composer require
博客搭建（5）-使用jwt验证和定义接口错误码
qq_36767214的博客
03-20 236
一.使用jwt验证 我在这篇文章中更换了jwt验证，并使用了中间件，可以看下。PHP使用jwt 二.错误码定义 在app\Common下新建app\Common\Error\ErrorCode.php类文件 在app\Common下新建app\Common\Response\ResponseJson.php类trait文件 封装接口成功和失败时，返回的数据及错误返回码信息 在controller中使用返回码 postman中验证接口返回信息 ...
博客搭建（3）-创建启动laravel项目
qq_36767214的博客
03-13 224
一.laravel5.4后端api搭建 1.laravel介绍 特性： 优雅 很多的设计模式和思想 简洁 复杂得逻辑封装简单 工程化 社区生态： 官网：https://laravel.com 中文社区：https://laravel-china.org/ 5.4中文文档：http://d.laravel-china.org/docs/5.4 laravel源码地址：https://github.com/laravel/laravel 对比其他框架： laravel包含的功能更为丰富
博客搭建（9）-element-ui组件的使用
qq_36767214的博客
03-25 168
一.搭建菜单管理页面 首先在src/router/index.js中定义组件map新增菜单管理页面组件，数据库中添加对应菜单路由 在src/views/下创建/menu/index.vue组件 进入element-ui官网，找到树形控件，复制代码粘贴到index.vue组件中 注意这里模板部分需要用template标签包括，可以参考项目中的其他组件写法 这里可以设置组件的一些属性和方法，可以参考element-ui官网 后端新建了一个控制器路由 最终效果如下： 这里再
博客搭建（6）-项目异常处理
qq_36767214的博客
03-20 126
一.框架异常处理 laravel运行中的异常会通过app\Exceptions\Handler.php文件处理，底层还是调用了set_error_handler和set_exception_handler函数进行注册 这里在app\Exceptions\下创建ApiException.php自定义异常，继承RuntimeException，传入自定义的ErrorCode数组 然后在app\Exceptions\Handler.php中进行捕获处理 使用异常处理 上次的jwt解析token中
uni-app实现图片查看与底部菜单栏小型项目
6. 开发工具和环境搭建：为了开发uni-app项目，开发者需要先搭建好开发环境。uni-app推荐使用HBuilderX作为官方开发工具，因为HBuilderX内置了对uni-app框架的友好支持，包括代码高亮、调试工具、项目管理等。开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

end for time

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值