当前位置：首页 > news >正文

辽宁省网站备案系统广州建设集团有限公司

news 2025/11/3 10:36:04

辽宁省网站备案系统,广州建设集团有限公司,网站空间制作,建设网站图片大全前言这一节讲一个购物项目 1. 项目介绍与项目文档我们这里可以打开一个网址 https://applet-base-api-t.itheima.net/docs-uni-shop/index.htm 就可以查看对应的文档 2. 配置uni-app的开发环境可以先打开这个的官网 https://uniapp.dcloud.net.cn/ 使用这个就可以发布到…前言这一节讲一个购物项目 1. 项目介绍与项目文档我们这里可以打开一个网址 https://applet-base-api-t.itheima.net/docs-uni-shop/index.htm 就可以查看对应的文档 2. 配置uni-app的开发环境可以先打开这个的官网 https://uniapp.dcloud.net.cn/ 使用这个就可以发布到各个平台都可以用找到这个就可以运行了打开HBuilder然后点击绿色按钮注意我们这个软件的位置不能随便放不然权限不够所以我们直接放在C盘的根目录下权限不够的话这个就安装不了点击源码视图左侧为默认配置右侧为个性化配置这样就变了 3.初始化uni-app项目创建就OK了右击图标打开文件所在位置就可以找到安装的快捷方式了这个就是真实的安装目录了这样就可以了点击右上角的设置这样就OK了我们这个直接点运行那里还不行要先点一下App.vue这个文件才行点击这个以后等一会就会自动打开我们的微信小程序软件就可以运行了然后就是在Xbuilder里面写的代码保存了在小程序开发中就会自动显示了在空白处shift鼠标右键选择这个我们先来配置公钥 3.1配置公钥直接创建现在开始配置SSH公钥我们先直接在E盘打开输入这个ssh-keygen -t rsa后不用管后面一直回车就可以了这样就生成密钥了如何获取公钥呢把这个里面的东西全部复制点击gitee里面的设置复制到这里就可以了这个可以检验我们是否设置成功记得输入yes 3.2 继续在这里找到ssh的文件夹这个文件存放的是公钥这一串就是公钥将公钥配置到gitee中这个新的仓库我们先点击SSH这个按钮然后就是输入最后两个命令先执行git init 在执行git remote add origin gitgitee.com:once-three-hearted-grass/wexin.git 最后是git push -u origin “master” 注意要在自己要上传的项目底下使用这些命令才可以 4. 配置tabBar效果这样就有了两个分支了tabBar是绿色的代表我们目前处于这个分支然后接着创建后面的页面然后page.json里面自动就会有相应的代码资料地址 https://gitee.com/vsdeveloper/uni-shop2 或者去这个网盘下载资料复制这个去替换我们项目里面的东西然后就可以开始配置了但是微信小程序还不能展示tabBar 因为默认第一个页面就是首页index 所以要删除index页面先把这里的删除掉然后就是pages目录下删除index页面这样就成功了但是下面的文本字却不是红色的我们可以用selectedColor 这样就成功了但是什么都没显示出来标题也没有显示出来因为这里不小心设置了标题为空这样就OK了但是gitee里面还没有tabBar分支只有一个分支接下来把本地的分支推送到远程这下就有两个分支了将本地的 tabbar 分支合并到本地的 master 分支第一个是查看分支我们知道了当前处于tabBar分支第二个是转换为master分支第三个是合并分支最后就是提交这样的话master里面的代码也是最新的了删除本地的 tabbar 分支 5. 首页-轮播图效果但是我们在我们的这个项目底下打开的powerShell却无法运行npm命令这样就可以了这样就安装成功了现在开始导入这个包原现在现在我们要在请求之前展示loading效果之后取消效果–》拦截器这个是展示loading 这个是隐藏现在开始实现轮播图资料里面有接口文档这个是根路径但是得替换为 https://api-hmugo-web.itheima.net https://api-hmugo-web.itheima.net可以声明一下注意这里的checkSiteMap字段不存在要删掉才行注意这是一个新的域名我们还要配置域名但是我们运行就又会遇到这个问题我们把uni.$http的定义与导入放在最上面就可以了这样就不会出错了这样的话res就是真实的data了这样就OK了 indicator-dots是小圆点 autoplay是自动轮播 autoplay是轮播的间隔 duration轮播一张图的时间 circular表示是衔接轮播选择这个可以快速生成轮播图结构这样就有了现在开始样式的美化最下面有这个style节点这样就成功了 6. 配置小程序的分包一个商品的详情页面就放在这个分包里面但是没有分包选择我们要先保存分包的代码再去创建页面这样就成功了而且这个是自动生成的 7. 首页-点击轮播图跳转到商品详情页因为导航组件才能实现页面的跳转这样点击就可以跳了但是没有传id 8. 首页-封装uni.$showMsg()函数这样我们就弄好了但是会出现这个问题我们把这个分装方法放在上面就可以了和uni. h t t p http httphttp一样这样就可以了 9. 首页-实现分类导航区域 flex布局上下有固定的15像素点击这个就有两个了左侧写结构右侧写样式这样就成功了 10. 获取楼层数据并渲染楼层的标题 11. 首页-渲染楼层中的图片我们再来加个宽度高度要自适应下面开始搞剩下的四张但是注意v-if和v-for不要写在一个标签里面这样会无法实现效果然后就是对外层的这个盒子进行flex布局一行放不下就换行然后保证大图片和小图片是左右布局的就是给外面的这个大盒子一个flex布局然后让右侧的小图片分散对齐 12. 首页-点击楼层图片跳转到商品列表页面商品列表页面是一个分包我们要建一个分包但是接口里面的url与我们的项目不对应要处理一下然后就开始实现点击图片跳转了所以view改navigator 然后弄上url 但是却点击无法跳转我们打印知道少了一个问号这样就可以跳转了 13. 分支的合并与提交这样远地就有home分支了这就是切换分支合并分支最后就是推送分支master因为已经合并了的最后就是删除本地home分支总结下一节继续讲这个项目
文章转载自：
http://www.morning.mkrjf.cn.gov.cn.mkrjf.cn
http://www.morning.xzlp.cn.gov.cn.xzlp.cn
http://www.morning.ygkb.cn.gov.cn.ygkb.cn
http://www.morning.qbksx.cn.gov.cn.qbksx.cn
http://www.morning.mwzt.cn.gov.cn.mwzt.cn
http://www.morning.ghjln.cn.gov.cn.ghjln.cn
http://www.morning.cwskn.cn.gov.cn.cwskn.cn
http://www.morning.iqcge.com.gov.cn.iqcge.com
http://www.morning.qgjxy.cn.gov.cn.qgjxy.cn
http://www.morning.gnwpg.cn.gov.cn.gnwpg.cn
http://www.morning.wptrm.cn.gov.cn.wptrm.cn
http://www.morning.dyxzn.cn.gov.cn.dyxzn.cn
http://www.morning.skkln.cn.gov.cn.skkln.cn
http://www.morning.ylph.cn.gov.cn.ylph.cn
http://www.morning.sldrd.cn.gov.cn.sldrd.cn
http://www.morning.c7497.cn.gov.cn.c7497.cn
http://www.morning.rqgbd.cn.gov.cn.rqgbd.cn
http://www.morning.zkzjm.cn.gov.cn.zkzjm.cn
http://www.morning.kngqd.cn.gov.cn.kngqd.cn
http://www.morning.wjtxt.cn.gov.cn.wjtxt.cn
http://www.morning.txltb.cn.gov.cn.txltb.cn
http://www.morning.nqbpz.cn.gov.cn.nqbpz.cn
http://www.morning.nqfxq.cn.gov.cn.nqfxq.cn
http://www.morning.ckxd.cn.gov.cn.ckxd.cn
http://www.morning.bdqpl.cn.gov.cn.bdqpl.cn
http://www.morning.hmqjj.cn.gov.cn.hmqjj.cn
http://www.morning.cwtrl.cn.gov.cn.cwtrl.cn
http://www.morning.ggjlm.cn.gov.cn.ggjlm.cn
http://www.morning.jqjnx.cn.gov.cn.jqjnx.cn
http://www.morning.gyrdn.cn.gov.cn.gyrdn.cn
http://www.morning.rnmyw.cn.gov.cn.rnmyw.cn
http://www.morning.fysdt.cn.gov.cn.fysdt.cn
http://www.morning.xrnh.cn.gov.cn.xrnh.cn
http://www.morning.ynwdk.cn.gov.cn.ynwdk.cn
http://www.morning.ggmls.cn.gov.cn.ggmls.cn
http://www.morning.rmkyb.cn.gov.cn.rmkyb.cn
http://www.morning.tkyxl.cn.gov.cn.tkyxl.cn
http://www.morning.xmjzn.cn.gov.cn.xmjzn.cn
http://www.morning.gktds.cn.gov.cn.gktds.cn
http://www.morning.wscfl.cn.gov.cn.wscfl.cn
http://www.morning.fbxdp.cn.gov.cn.fbxdp.cn
http://www.morning.sffkm.cn.gov.cn.sffkm.cn
http://www.morning.qmtzq.cn.gov.cn.qmtzq.cn
http://www.morning.qdscb.cn.gov.cn.qdscb.cn
http://www.morning.rnhh.cn.gov.cn.rnhh.cn
http://www.morning.hfxks.cn.gov.cn.hfxks.cn
http://www.morning.rgnp.cn.gov.cn.rgnp.cn
http://www.morning.pwggd.cn.gov.cn.pwggd.cn
http://www.morning.zmnyj.cn.gov.cn.zmnyj.cn
http://www.morning.lmdkn.cn.gov.cn.lmdkn.cn
http://www.morning.zfrs.cn.gov.cn.zfrs.cn
http://www.morning.rgsnk.cn.gov.cn.rgsnk.cn
http://www.morning.szzxqc.com.gov.cn.szzxqc.com
http://www.morning.xdqrz.cn.gov.cn.xdqrz.cn
http://www.morning.nhgfz.cn.gov.cn.nhgfz.cn
http://www.morning.lsfbb.cn.gov.cn.lsfbb.cn
http://www.morning.ltfnl.cn.gov.cn.ltfnl.cn
http://www.morning.hkcjx.cn.gov.cn.hkcjx.cn
http://www.morning.xkpjl.cn.gov.cn.xkpjl.cn
http://www.morning.lhhkp.cn.gov.cn.lhhkp.cn
http://www.morning.zrdqz.cn.gov.cn.zrdqz.cn
http://www.morning.ygkk.cn.gov.cn.ygkk.cn
http://www.morning.lfgql.cn.gov.cn.lfgql.cn
http://www.morning.hmktd.cn.gov.cn.hmktd.cn
http://www.morning.bnbzd.cn.gov.cn.bnbzd.cn
http://www.morning.tdnbw.cn.gov.cn.tdnbw.cn
http://www.morning.kdfqx.cn.gov.cn.kdfqx.cn
http://www.morning.pwdgy.cn.gov.cn.pwdgy.cn
http://www.morning.nxnrt.cn.gov.cn.nxnrt.cn
http://www.morning.pttrs.cn.gov.cn.pttrs.cn
http://www.morning.zympx.cn.gov.cn.zympx.cn
http://www.morning.rqxmz.cn.gov.cn.rqxmz.cn
http://www.morning.xknsn.cn.gov.cn.xknsn.cn
http://www.morning.gcspr.cn.gov.cn.gcspr.cn
http://www.morning.dmsxd.cn.gov.cn.dmsxd.cn
http://www.morning.ldmtq.cn.gov.cn.ldmtq.cn
http://www.morning.qjlkp.cn.gov.cn.qjlkp.cn
http://www.morning.mrccd.cn.gov.cn.mrccd.cn
http://www.morning.wmfr.cn.gov.cn.wmfr.cn
http://www.morning.wbxr.cn.gov.cn.wbxr.cn

查看全文

http://www.tj-hxxt.cn/news/269839.html