hui框架开发APP

2024-01-12 07:40
文章标签 app 开发 框架 hui

本文主要是介绍hui框架开发APP，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

hui是类似于mui框架的app构建框架，通过一段时间学习，写了个app例子

GitHub地址   等待中..........

数据来源--------聚合数据

hui框架地址：http://www.hcoder.net/hui/docs

 

先看下效果吧

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

功能就这么简单

 

 

开始吧

入口界面  index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>HUI</title>
<link rel="stylesheet" type="text/css" href="css/hui.css" />
<style type="text/css">hui-start-banner{width:100%; height:100%; position:fixed; z-index:9998; left:0px; top:0px; background:#FFFFFF; display:none;}
#hui-start-banner-close{width:50px; height:50px; position:fixed; z-index:9999; top:50px; right:20px; background:#F5F6F7; display:none; text-align:center; border-radius:50px; line-height:50px; font-size:14px; color:#666;}
.hui-start-banner .hui-swipe-indicator{width:96%; position:absolute; z-index:3; left:2%; bottom:20px; display:none;}
#hui-footer a{
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
}
</style>
</head>
<body>	
<div class="hui-wrap"></div>
<div id="hui-footer"><a href="javascript:changeSubView(0);" id="nav-home" class="hui-footer-active"><div class="hui-footer-icons hui-icons-home"></div><div class="hui-footer-text">首页</div></a><a href="javascript:changeSubView(1);" id="nav-news"><div class="hui-footer-icons hui-icons-news"></div><div class="hui-footer-text">新闻</div></a><a href="javascript:changeSubView(2);" id="nav-forum"><div class="hui-footer-icons hui-icons-forum"></div><div class="hui-footer-text">社区</div></a><a href="javascript:changeSubView(3);" id="nav-my"><div class="hui-footer-icons hui-icons-my"></div><div class="hui-footer-text">我的</div></a>
</div>
<script src="js/hui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">setTimeout(function(){plus.navigator.closeSplashscreen();},1500)// 创建子窗口
var subpages =  new Array(new Array('html/sub1.html', {top:'0px', bottom:"55px", left:"0"}),new Array('html/sub2.html', {top:'0px', bottom:"55px", left:"100%"}),new Array('html/sub3.html', {top:'0px', bottom:"55px", left:"200%"}),new Array('html/cutPicture.html', {top:'0px', bottom:"55px", left:"300%"})
);
hui.plusReady(function(){hui.subpages(subpages);
});//点击底部按钮切换窗口
function changeSubView(index){for(var i = 0; i< subpages.length; i++){var subpage = hui.getView(subpages[i][0]);subpage.setStyle({'top':0,'left' : ((index - i) * 100 )+'%'});}//选项状态激活hui('#hui-footer a').removeClass('hui-footer-active');hui('#hui-footer a').eq(index).addClass('hui-footer-active');
}var height = document.documentElement.clientHeight || document.body.clientHeight;
window.onresize = function() {var heightView = document.documentElement.clientHeight || document.body.clientHeight;if(heightView < height) {plus.webview.currentWebview().setStyle({height: height});}
}
</script>
</body>
</html>

 sub1.html  新闻列表页

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>HUI</title>
<link rel="stylesheet" type="text/css" href="../css/hui.css" />
</head>
<body>
<header class="hui-header"><h1>腾讯新闻</h1>
</header>
<div class="hui-wrap"><div class="hui-swipe" id="swipe2"><div class="hui-swipe-items"></div></div>
</div>
<div class="hui-wrap"><div class="hui-center-title"><h1>新闻列表</h1></div><div style="padding:10px;"><div id="refreshContainer" class="hui-refresh"><div class="hui-refresh-icon"></div><div class="hui-refresh-content hui-list" id="list"><ul id="arcicle"><!--描述：内容集合--></ul></div></div></div>
</div><script src="../js/hui.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/hui-swipe.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/hui-refresh-load-more.js"></script>
<script src="../js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">hui.Back = null;
hui.plusReady(function(){//判断是否支持沉浸式var isImmersedStatusbar = plus.navigator.isImmersedStatusbar();//获取系统状态栏高度var StatusbarHeight = plus.navigator.getStatusbarHeight();		   console.log(StatusbarHeight);hui('.hui-header').css({'paddingTop':StatusbarHeight + 'px'});hui('#hui-back').css({top:StatusbarHeight+'px'});var indexView = plus.webview.getLaunchWebview();var nextPage = {pageId : 'html/sub2.html', callBack : function(){indexView.evalJS('hui("#hui-footer").find("a").removeClass("hui-footer-active"); hui("#nav-news").addClass("hui-footer-active")');}};var prevPage = null;hui.drag(prevPage, nextPage);
});
hui.get('http://hoa.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=lunbo',function(res){var arr  = res.split('--hcSplitor--');for(var i = 0; i < arr.length; i++){var div = document.createElement('div')div.setAttribute('class', 'hui-swipe-item');div.innerHTML = arr[i];hui(div).appendTo('#swipe2 .hui-swipe-items');    }var swipe2 = new huiSwpie('#swipe2');swipe2.run();},function(){hui.toast('读取远程数据失败');}   
);	
</script>
<script>function showProductInfo(url,titles){hui.open("createShow.html",{},true,{url:url,titles:titles})}
hui.refresh('#refreshContainer', refresh);
hui.loadMore(getMore);
//加载更多
function getMore(){$.ajax({ url:'http://v.juhe.cn/toutiao/index?key=76db99a8de0bb25da0ea78e8747f4971&type=guoji', type:'GET', dataType:'json',  // 处理Ajax跨域问题success: function(res){ var data = JSON.stringify(res);data = JSON.parse(data);data = data.result.data;for(var i = 0; i < data.length; i++){var li = document.createElement('li');li.style.borderBottom="1px solid gray";li.style.height="auto";var pic1 =  data[i].thumbnail_pic_s02 ? '<img src='+data[i].thumbnail_pic_s02+'/>':" ";var pic2 =  data[i].thumbnail_pic_s03 ? '<img src='+data[i].thumbnail_pic_s03+'/>':" ";li.innerHTML ='<div class="hui-media-content" style="width:100%;height:auto">'+'<p style="width:95%;margin:1em auto;color:red"><a href="javascript:showProductInfo(\''+data[i].url+'\',\''+data[i].author_name+'\');">'+data[i].title +'</a></p>'+'<img src='+data[i].thumbnail_pic_s+'/>'+pic1+pic2+'<p>'+'<span>'+data[i].author_name+'</span>'+'<span style="float: right;">'+data[i].date+'</span>'+'</p>'+'</div>';hui(li).appendTo('#arcicle');}hui.endLoadMore();}})
}
function refresh(){if(hui.refreshNumber < 1){hui.loading('加载中...');}$.ajax({ url:'http://v.juhe.cn/toutiao/index?key=76db99a8de0bb25da0ea78e8747f4971&type=top', type:'GET', dataType:'json',  // 处理Ajax跨域问题success: function(res){ var data = JSON.stringify(res);data = JSON.parse(data);data = data.result.data;console.log(data)var html = '';for(var i = 0; i < data.length; i++){var pic1 =  data[i].thumbnail_pic_s02 ? '<img src='+data[i].thumbnail_pic_s02+'/>':" ";var pic2 =  data[i].thumbnail_pic_s03 ? '<img src='+data[i].thumbnail_pic_s03+'/>':" ";html += '<li style="border-bottom:1px solid gray;height:auto !important">'+'<div class="hui-media-content" style="width:100%;height:auto">'+'<p style="width:95%;margin:1em auto;color:red"><a href="javascript:showProductInfo(\''+data[i].url+'\',\''+data[i].author_name+'\');">'+data[i].title +'</a></p>'+'<img src='+data[i].thumbnail_pic_s+'/>'+pic1+pic2+'<p>'+'<span>'+data[i].author_name+'</span>'+'<span style="float: right;">'+data[i].date+'</span>'+'</p>'+'</div>'+'</li>';}hui('#arcicle').html(html);hui.endRefresh();//关闭loadinghui.loading('加载中...', true);},error:function(){hui.loading('加载中...', true);title="无法完成操作"message="由于你的支付宝账户还未绑定淘宝账户请登请登录www.taobao.com"hui('#arcicle').html('<div style="text-align: center;margin:50px auto">'+'<img src="../image/GIyMDJnuqmcqPLpHCSkj.svg">'+'<h2 style="text-align: center;line-height: 2rem;">无法获取数据</h2>'+'<p style="text-align: center;color:red;ine-height:2rem;">请检查网络是否正确</p>'+'</div>');hui.toast('连接服务器失败！');hui.endRefresh();}}); }
</script>
</body>
</html>

 

sub2.html   笑话总集

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /><title>HUI</title>
<link rel="stylesheet" type="text/css" href="../css/hui.css" />
</head>
<body>
<header class="hui-header"><h1>笑话总集</h1> 
</header>
<div class="hui-wrap"> <div class="hui-wrap"><div id="refreshContainer" class="hui-refresh"><div class="hui-refresh-icon"></div><div class="hui-refresh-content hui-list" id="list"><ul id="arcicle" style="margin-top: 10px;"><!--描述：内容集合--></ul></div></div>
</div>
</div><!--播放笑话
-->
<div id="bdtts_div_id"><audio id="tts_autio_id" autoplay="autoplay"><source id="tts_source_id" src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=5&text=" type="audio/mpeg"><embed id="tts_embed_id" height="0" width="0" src=""></audio>
</div>
<script src="../js/hui.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/hui-refresh-load-more.js"></script>
<script type="text/javascript" src="../js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
hui.refresh('#refreshContainer', refresh);hui.loadMore(getMore);
//加载更多
function getMore(){$.ajax({ url:"https:\/\/v.juhe.cn\/joke\/content\/text.php?key=e0f404df1a1469811b3ce7239f0462d4&pagesize=10&page="+page, type:'GET', dataType:'JSONP',  // 处理Ajax跨域问题success: function(res){ var data = JSON.stringify(res);data = JSON.parse(data);data = data.result.data;for(var i = 0; i < data.length; i++){var li = document.createElement('li');li.style.borderBottom="1px solid gray";li.style.height="auto";li.innerHTML ='<div class="hui-media-content" style="width:100%;height:auto">'+'<p style="width:95%;margin:1em auto;color:red" onclick="songs(this.innerText)">'+data[i].content +'</p>'+'<p>'+'<span>'+data[i].unixtime+'</span>'+'<span style="float: right;">'+data[i].updatetime+'</span>'+'</p>'+'</div>';hui(li).appendTo('#arcicle');}hui.endLoadMore();page++;}})
}
function refresh(){if(hui.refreshNumber < 1){hui.loading('加载中...');}$.ajax({ url:"https:\/\/v.juhe.cn\/joke\/content\/text.php?key=e0f404df1a1469811b3ce7239f0462d4&page=1&pagesize=10", type:'GET', dataType:'JSONP',  // 处理Ajax跨域问题success: function(res){ var data = JSON.stringify(res);data = JSON.parse(data);data = data.result.data;var html = '';for(var i = 0; i < data.length; i++){html += '<li style="border-bottom:1px solid gray;height:auto !important">'+'<div class="hui-media-content" style="width:100%;height:auto">'+'<p style="width:95%;margin:1em auto;color:red" onclick="songs(this.innerText)">'+data[i].content +'</p>'+'<p>'+'<span>'+data[i].unixtime+'</span>'+'<span style="float: right;">'+data[i].updatetime+'</span>'+'</p>'+'</div>'+'</li>';}hui('#arcicle').html(html);hui.endRefresh();page=2;//关闭loadinghui.loading('加载中...', true);},error:function(){hui.loading('加载中...', true);hui('#arcicle').html('<div style="text-align: center;margin:50px auto">'+'<img src="../image/GIyMDJnuqmcqPLpHCSkj.svg">'+'<h2 style="text-align: center;line-height: 2rem;">无法获取数据</h2>'+'<p style="text-align: center;color:red;ine-height:2rem;">请检查网络是否正确</p>'+'</div>');;hui.toast('连接服务器失败！');hui.endRefresh();}}); }function songs(val){hui.confirm('您确认要播放笑话吗？', ['取消','确定'], function(){var ttsDiv = document.getElementById('bdtts_div_id');var ttsAudio = document.getElementById('tts_autio_id');ttsDiv.removeChild(ttsAudio);var au1 = '<audio id="tts_autio_id" autoplay="autoplay">';var sss = '<source id="tts_source_id" src="http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=6&text='+val+'" type="audio/mpeg">';var eee = '<embed id="tts_embed_id" height="0" width="0" src="">';var au2 = '</audio>';ttsDiv.innerHTML = au1 + sss + eee + au2;ttsAudio = document.getElementById('tts_autio_id');ttsAudio.play();},function(){console.log('取消后执行...');});
}
</script>
<script type="text/javascript">//禁用返回键
hui.Back = null;
hui.plusReady(function(){//判断是否支持沉浸式var isImmersedStatusbar = plus.navigator.isImmersedStatusbar();//获取系统状态栏高度var StatusbarHeight = plus.navigator.getStatusbarHeight();console.log(StatusbarHeight);hui('.hui-header').css({'paddingTop':StatusbarHeight + 'px'});hui('#hui-back').css({top:StatusbarHeight+'px'});var indexView = plus.webview.getLaunchWebview();var nextPage = {pageId : 'html/sub3.html', callBack : function(){indexView.evalJS('hui("#hui-footer").find("a").removeClass("hui-footer-active"); hui("#nav-forum").addClass("hui-footer-active")');}};var prevPage = {pageId : 'html/sub1.html', callBack : function(){indexView.evalJS('hui("#hui-footer").find("a").removeClass("hui-footer-active"); hui("#nav-home").addClass("hui-footer-active")');}};hui.drag(prevPage, nextPage);});
</script>
</body>
</html>

 

sub3.html  联系我们

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>HUI</title>
<link rel="stylesheet" type="text/css" href="../css/hui.css" />
</head>
<body>
<header class="hui-header"><h1 style="text-align: left;">反馈信息</h1><h1 style="text-align: right;" id="subMitConfig">提交反馈</h1>
</header>
<div class="hui-warp" style="margin-top:55px;"><textarea name="textareas" rows="20" id="textareas" style="margin:10px 5% 10px;width:80%;border-radius: 20px;padding-left:5%;padding-right:5%" placeholder="请留下您宝贵的建议，让我们一同进步吧~~"></textarea>
</div>
<div class="hui-warp" style="position: relative;"><h2 style="text-align: center;">十分真诚的希望留下您的印记</h2>
</div>
<script src="../js/hui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
hui.Back = null;
hui.plusReady(function(){//判断是否支持沉浸式var isImmersedStatusbar = plus.navigator.isImmersedStatusbar();//获取系统状态栏高度var StatusbarHeight = plus.navigator.getStatusbarHeight();		   console.log(StatusbarHeight);hui('.hui-header').css({'paddingTop':StatusbarHeight + 'px'});hui('#hui-back').css({top:StatusbarHeight+'px'});var indexView = plus.webview.getLaunchWebview();var nextPage = {pageId : 'html/cutPicture.html', callBack : function(){indexView.evalJS('hui("#hui-footer").find("a").removeClass("hui-footer-active"); hui("#nav-my").addClass("hui-footer-active")');}};var prevPage = {pageId : 'html/sub2.html', callBack : function(){indexView.evalJS('hui("#hui-footer").find("a").removeClass("hui-footer-active"); hui("#nav-news").addClass("hui-footer-active")');}};hui.drag(prevPage, nextPage);});hui("#subMitConfig").click(function(){hui.toast(hui("#textareas").val());if(hui("#textareas").val()==""){hui.toast("请留下您的意见，谢谢");}else{hui.toast("感谢您宝贵的意见，我们会尽快完善的，谢谢");hui("#textareas").val("");}	})</script>
</body>
</html>

cutPicture.html   个人中心

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../css/hui.css" />
<style type="text/css">#hui-swaper{position: fixed;bottom:10%;}#hui-swaper h2{text-align: center;margin-top:2%;color: grey;}
</style>
</head>
<body>
<header class="hui-header"><h1>abuot us</h1>
</header>
<div class="hui-warp" style="margin:0 auto;margin-top: 150px;"><div style="margin:0 auto; width:120px"><img src="../image/chrome.png" style="width:120px;height:120px;border-radius: 15%;"/></div><h2 style="text-align: center;font-size: 24px;color: royalblue;">IReading</h2><p style="text-align: center;font-size: 24px;color: red;">让生活更精彩</p>
</div>
<div id="hui-swaper" style="height: 100px;width: 100%;"><h2>版权所有@ wangweiruning<h2><h2>开法者 ：wangweiruning@163.com</h2><h2>如有需求，请发送消息至邮箱wangweiruning163.con</h2>
</div>
<script type="text/javascript" src="../js/hui.js" charset="UTF-8"></script>
<script type="text/javascript" src="../js/hui-image-cuter.js" charset="UTF-8"></script>
<script type="text/javascript">hui.Back = null;hui.plusReady(function(){//判断是否支持沉浸式var isImmersedStatusbar = plus.navigator.isImmersedStatusbar();//获取系统状态栏高度var StatusbarHeight = plus.navigator.getStatusbarHeight();		   console.log(StatusbarHeight);hui('.hui-header').css({'paddingTop':StatusbarHeight + 'px'});hui('#hui-back').css({top:StatusbarHeight+'px'});var indexView = plus.webview.getLaunchWebview();var nextPage = null;var prevPage ={pageId : 'html/sub3.html', callBack : function(){indexView.evalJS('hui("#hui-footer").find("a").removeClass("hui-footer-active"); hui("#nav-forum").addClass("hui-footer-active")');}}; hui.drag(prevPage, nextPage);});</script>
</body>
</html>

 

createShow.html    新闻详情页

<!doctype html>
<html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><link href="../css/hui.css" rel="stylesheet" /></head><body><header class="hui-header"><div id="hui-back"></div><h1 id="titles"></h1></header><script src="../js/hui.js"></script><script type="text/javascript">hui.loading("加载中...");var _self;hui.plusReady(function(){_self = plus.webview.currentWebview();var urls = _self.url;var titles = _self.titles;hui("#titles").html(titles);var bnv = plus.webview.create(urls,'detail',{top:"60px"},{});plus.webview.currentWebview().append(bnv);hui.closeLoading();})</script></body></html>

应用打包请使用  hbuilder  开发工具

配置项在manifest.json中设置

写不下去了，具体看代码吧(~_~)~~~~~~~~~~~~~~~~~

 

欢迎大家一起交流

这篇关于hui框架开发APP的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/597212。

相关文章

这15个Vue指令，让你的项目开发爽到爆

这15个Vue指令，让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件，按住 Control 和回车键再显示它吗？小菜一碟： <template
阅读更多...
Hadoop企业开发案例调优场景

Hadoop企业开发案例调优场景

需求 （1）需求：从1G数据中，统计每个单词出现次数。服务器3台，每台配置4G内存，4核CPU，4线程。 （2）需求分析： 1G / 128m = 8个MapTask；1个ReduceTask；1个mrAppMaster 平均每个节点运行10个 / 3台 ≈ 3个任务（4    3    3） HDFS参数调优 （1）修改：hadoop-env.sh export HDFS_NAMENOD
阅读更多...
嵌入式QT开发：构建高效智能的嵌入式系统

嵌入式QT开发：构建高效智能的嵌入式系统

摘要： 本文深入探讨了嵌入式 QT 相关的各个方面。从 QT 框架的基础架构和核心概念出发，详细阐述了其在嵌入式环境中的优势与特点。文中分析了嵌入式 QT 的开发环境搭建过程，包括交叉编译工具链的配置等关键步骤。进一步探讨了嵌入式 QT 的界面设计与开发，涵盖了从基本控件的使用到复杂界面布局的构建。同时也深入研究了信号与槽机制在嵌入式系统中的应用，以及嵌入式 QT 与硬件设备的交互，包括输入输出设
阅读更多...
OpenHarmony鸿蒙开发（ Beta5.0）无感配网详解

OpenHarmony鸿蒙开发（ Beta5.0）无感配网详解

1、简介 无感配网是指在设备联网过程中无需输入热点相关账号信息，即可快速实现设备配网，是一种兼顾高效性、可靠性和安全性的配网方式。 2、配网原理 2.1 通信原理 手机和智能设备之间的信息传递，利用特有的NAN协议实现。利用手机和智能设备之间的WiFi 感知订阅、发布能力，实现了数字管家应用和设备之间的发现。在完成设备间的认证和响应后，即可发送相关配网数据。同时还支持与常规Sof
阅读更多...
活用c4d官方开发文档查询代码

活用c4d官方开发文档查询代码

当你问AI助手比如豆包，如何用python禁止掉xpresso标签时候，它会提示到 这时候要用到两个东西。https://developers.maxon.net/论坛搜索和开发文档 比如这里我就在官方找到正确的id描述 然后我就把参数标签换过来
阅读更多...
Linux_kernel驱动开发11

Linux_kernel驱动开发11

一、改回nfs方式挂载根文件系统         在产品将要上线之前，需要制作不同类型格式的根文件系统         在产品研发阶段，我们还是需要使用nfs的方式挂载根文件系统         优点：可以直接在上位机中修改文件系统内容，延长EMMC的寿命         【1】重启上位机nfs服务         sudo service nfs-kernel-server resta
阅读更多...
【区块链 + 人才服务】区块链集成开发平台 | FISCO BCOS应用案例

【区块链 + 人才服务】区块链集成开发平台 | FISCO BCOS应用案例

随着区块链技术的快速发展，越来越多的企业开始将其应用于实际业务中。然而，区块链技术的专业性使得其集成开发成为一项挑战。针对此，广东中创智慧科技有限公司基于国产开源联盟链 FISCO BCOS 推出了区块链集成开发平台。该平台基于区块链技术，提供一套全面的区块链开发工具和开发环境，支持开发者快速开发和部署区块链应用。此外，该平台还可以提供一套全面的区块链开发教程和文档，帮助开发者快速上手区块链开发。
阅读更多...
cross-plateform 跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?

cross-plateform 跨平台应用程序-03-如果只选择一个框架，应该选择哪一个?

跨平台系列 cross-plateform 跨平台应用程序-01-概览 cross-plateform 跨平台应用程序-02-有哪些主流技术栈？ cross-plateform 跨平台应用程序-03-如果只选择一个框架，应该选择哪一个? cross-plateform 跨平台应用程序-04-React Native 介绍 cross-plateform 跨平台应用程序-05-Flutte
阅读更多...
Vue3项目开发——新闻发布管理系统（六）

Vue3项目开发——新闻发布管理系统（六）

文章目录 八、首页设计开发1、页面设计2、登录访问拦截实现3、用户基本信息显示①封装用户基本信息获取接口②用户基本信息存储③用户基本信息调用④用户基本信息动态渲染 4、退出功能实现①注册点击事件②添加退出功能③数据清理 5、代码下载 八、首页设计开发 登录成功后，系统就进入了首页。接下来，也就进行首页的开发了。 1、页面设计 系统页面主要分为三部分，左侧为系统的菜单栏，右侧
阅读更多...
v0.dev快速开发

v0.dev快速开发

探索v0.dev：次世代开发者之利器 今之技艺日新月异，开发者之工具亦随之进步不辍。v0.dev者，新兴之开发者利器也，迅速引起众多开发者之瞩目。本文将引汝探究v0.dev之基本功能与优势，助汝速速上手，提升开发之效率。 何谓v0.dev？ v0.dev者，现代化之开发者工具也，旨在简化并加速软件开发之过程。其集多种功能于一体，助开发者高效编写、测试及部署代码。无论汝为前端开发者、后端开发者
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2