海之心空项目教程
  1. 后端php
海之心空项目教程
  • 后端php
    • 1、安装教程
    • 2、生成后端代码文件
    • 3、现成字段名称
    • 4、layui常用代码
    • 更新记录
    • 待更新
    • 叫号系统
  • 前端uniapp
    • 前言
    • 1、登录
    • 2、页面说明
    • 3、路由请求说明
    • 4、页面布局
    • 5、前端分页
  • 前端api
    • 1、用户登录
    • 请求响应说明
    • 2、页面数据分页
  • 后端api测试
    • 测试图片上传
      POST
  • v2改版
    • 1、改版说明
    • 2、统一定义模型的增删改查
    • 安装
      • 安装
      • ApiBase.php
      • GenerAdmin.php
      • GenerApi.php
      • OperSql.php
      • Index.php
  1. 后端php

4、layui常用代码

可参考layui官网 https://layui.dev/

1、图片上传#

📌
单图上传
html部分
<div class="layui-form-item">
	<label class="layui-form-label">商品主图</label>
		<div class="layui-input-inline">
			<input type="text" name="img" id="img" lay-verify="required"  placeholder="商品主图" autocomplete="off" class="layui-input">
			<img style="width:100px;">
		</div>
	<div class="layui-input-inline">
	<button type="button" class="layui-btn" id="imgbtn">上传图片</button>
	</div>
</div>
js部分 (需要引入upload)
layui.config({
         base: '/admin/layuiadmin/' 
    }).extend({
           index: 'lib/index' 
    }).use(['index', 'useradmin', 'upload'], function(){
        
    var $ = layui.$,form = layui.form,upload = layui.upload;

    var uploadInst = upload.render({
        elem: '#imgbtn'
        ,url: '/admin/index/upload'
        ,ext: 'jpg|png|gif'
        ,done: function(res){
            if(res.code == 0){
                $(this.item).parent().prev("div").children("input").val(res.filename);
                $(this.item).parent().prev("div").children("img").attr("src",res.img);
                layer.msg("上传成功");
            }
            layer.msg(res.msg);
        }
    });
});

2、富文本 (使用tinymce)#

html部分 (texter和texter2第一个是富文本框 第二个是接收值的)
<div class="layui-tab-item">
    <div class="layui-form-item">
        <label class="layui-form-label">商品详情</label>
        <div class="layui-input-block">
                <textarea id="texter" name="texter"></textarea>
                <textarea id="texter2" name="texter2" style="display: none;"></textarea>
        </div>
    </div>
</div>
js部分
layui.config({
         base: '/admin/layuiadmin/' 
    }).extend({
           index: 'lib/index' 
    }).use(['index', 'useradmin', 'tinymce'], function(){
        
    var $ = layui.$,form = layui.form,t = layui.tinymce;

    var edit = t.render({
            elem: "#texter"
            , height: 200
            ,images_upload_url:'/admin/Index/upload'
            // ...
            // 其余配置可参考官方文档
        },function(opt,edit){
            //加载完成后回调
            //编辑器的内容改变时执行 把值赋给textarea
            edit.on('blur', function(){
              $("#texter2").val(edit.getContent());
            });
        });
});
修改于 2024-04-22 01:27:29
上一页
3、现成字段名称
下一页
更新记录
Built with