Layui - 极简模块化前端 UI 组件库https://layui.dev/感觉它活过来了,还是很喜欢这个UI框架的
layuiAdmin 纯静态 UI 模板(iframe 版) (gitee.io)https://layui.gitee.io/v2/themes/layuiAdmin/2.0/iframe/views/这个2.0的模板,也很喜欢,能开源就更好了
就研究下这个,结合Node.js(Express框架)后端,还有就是Python(Flask)后端,这个两成型快,java,php...之类的就暂时不研究了,还有个golang到时和vue3再研究吧!
后台数据:就操作Mysql 和直接用json
两个基础练习:
1.遍历数据(商品展示)
头部引入
<link rel="stylesheet" href="./css/layui.css">
//第一步:编写模版。你可以使用一个script标签存放模板,如:
<script id="demo" type="text/html">
<h3>{{ d.title }}</h3>
<ul>
{{# layui.each(d.list, function(index, item){ }}
<li>
<span>{{ item.modname }}</span>
<span>{{ item.alias }}:</span>
<span>{{ item.site || '' }}</span>
</li>
{{# }); }}
{{# if(d.list.length === 0){ }}
无数据
{{# } }}
</ul>
</script>
//第二步:建立视图。用于呈现渲染结果。
<div id="view"></div>
//第三步:渲染模版
<script src="../layui/layui.js"></script> //引入
<script>
var data = { //数据
"title":"Layui常用模块"
,"list":[{"modname":"弹层","alias":"layer","site":"https://layui.dev/"},{"modname":"表单","alias":"form"}]
}
var getTpl = demo.innerHTML
,view = document.getElementById('view');
laytpl(getTpl).render(data, function(html){
view.innerHTML = html;
});
</script>
2.增删改查(商品CURD)
代码。。。更新中
几个全面的案例(商城 、进销存、博客)
1.商城(商品展示、)
代码:。。。更新中
2.进销存(商品后能管理、打单打印) 以后最好能接入GPT之类帮助自己管理,自动去问价订货,自己发对账单,能接入QQ,微信,邮箱,开票系统,手机短信,这是一个慢长过程。。。现阶段这可能性不大,不想要那些要自己去操作的软件,比如 “录入”这个操作就是最苦的,还要自己看单打字,没有办法给单它,自己动录入。。。还要人跟编写者的思维进行操作,而不是互相学习而改变操作。。。。。。。。。。。
代码:。。。更新中
2.博客(软件应用和下载、维修资料查看、资料收集)
代码:。。。更新中