LayUI 2.8.8

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.博客（软件应用和下载、维修资料查看、资料收集）

代码：。。。更新中