大家好,关于源码分享网站加盟支持平台代理很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于源码网络科技有限公司的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有所帮助!
此项目为企业展示类应用,主要功能包括企业信息展示、案例展示、加盟申请等。项目源码在https://github.com/apicloudcom/company-display
仓库的widget目录下。
项目中前端采用avm多端开发技术进行开发,要点包括TabLayout布局,滑动轮播图,富文本格式的富文本,滚动视图滚动视图,替换刷新等。使用APICloud多端技术进行开发,实现一套代码多端运行,支持编译成Android&iOSApp以及微信小程序。
项目初步则是使用的APICloud数据云3.0自定义云函数来重建的。
使用步骤
使用APICloudStudio3作为开发工具。下载本项目原始码。在开发工具中新建项目,将本源代码引入新建的项目中,注意更新config.xml中的appid为您项目的appid。使用AppLoader进行真机同步调试预览。或者提交项目源码,并为当前项目云编译自定义Loader进行真机同步调试预览。云编译生成Android&iOSApp以及微信小程序原始程序包。
如果之前未接触过APICloud开发,建议先了解一个简单项目的初始化,预览,调试和打包等操作,请参考APICloud多端开发快速上手教程。
(复制链接PC端打开:https://github.com/apicloudcom/hello-app/blob/main/README.md)
网络请求接口封装
在utils/model.js中,为每一个网络请求接口封装了对应方法,如首页获取轮播图接口Model.getbannersList,这些方法最终会调用Model.request方法,在Model.request方法中对整个项目的请求进行统一管理,包括处理预定参数,拼写请求url,设置请求头等,最后调用api.ajax方法发起请求。
使用示例:
//通过进口引入\n进口{模式}从“../../utils/model.js”\n\n\n//调用Model对象方法\nModel。getbannersList({},(res)=>{});
TabBar和导航栏的实现
首页使用了TabLayout布局来实现TabBar和导航栏,在config.xml里面配置content字段,值为json文件路径,在json文件中配置TabBar、导航栏和页面信息。
//config.xml\n<contentsrc=“config.json”/>
config.json文件内容如下,设置了navigationBar的背景色和标题文字颜色,设置了tabBar每项的图标和文字,以及每项对应的页面。
{\n“name”:“root”,\n“hideNavigationBar”:false,\n“navigationBar”:{\n“background”:“fff”,\n“shadow”:“#f1f1f1”,\n“color”:“#5e5e5e”,\n“selectedColor”:“#333333”,\n“preload”:0,\n“frames”:[{\n“名称”:“page1”,\n“url”:“pages/index/index.stml”,\n“title”:“首页”\n},{\n“name”:“page2“,\n”url“:”pages/case/case.stml“,\n”title“:”案例“\n},{\n”name“:”page3“,\n”url“:“pages/join/join.stml”,\n“title”:“\n加盟代理”}],\n“列表”:[{\n“iconPath”:“images/toolbar/home@no_selected.png”,\n“selectedIconPath”:“images/toolbar/home@selected.png”,\n“text”:“\nHome”},{\n“iconPath”:“images/toolbar/case@no_selected.png”,\n“selectedIconPath”:“images/toolbar/case@selected.png”,\n“text”:“案例”\n},{\n“iconPath”:“images/toolbar/join@no_selected.png“,\n”selectedIconPath“:“images/toolbar/join@selected.png”,\n“text”:“加盟代理”\n}]\n}\n}
从上方的效果图中我们可以看到“加盟代理”页面隐藏了导航栏,而其他页面没有隐藏。”加盟代理“页面路径为pages/join/join.stml,我们参照微信小程序的语法,在同目录下放置了join.json文件,在里面配置navigationStyle开头为custom。
{\n“navigationBarTitleText”:“加盟代理”,\n“backgroundColor”:“39;tabitembtn&39;height:&39;px;&34;swiper-box&34;swiper&34;rgba(255,255,255,0.2)&34;rgba(51,51,51,1)&34;(item_,index_)inbannersList&34;bindBanner&34;banner-image&34;aspectFill&34;goods&34;about&34;max-width:${width}px;&34;main&34;item&34;(item,index)incaseList&34;item-img&34;item-title&34;footer&34;loadDesc&34;main&34;90&34;cate&34;cate-item&34;(item,index)inlist&34;onitemclick&34;cate-img&34;cate-word&34;content&34;content-item&34;(item,index)inlist&39;content&34;content-title&39;content&39;app&34;main&34;$util.isApp()&34;web-view&34;web&34;web-view”src={api.pageParam.link}></web-view>\n</view>
源码分享网站加盟支持平台代理和源码网络科技有限公司的问题分享结束啦,以上的文章解决了您的问题吗?欢迎您下次再来哦!
