系统模块添加操作

Original 2018-12-06 18:15:35 274
abstract:/*********************  system.php 系统控制器 *************************/<?phpnamespace app\admin\controller;use app\admin\model\SystemModel;use think\facade\Request;use app\admin\con
/*********************  system.php 系统控制器 *************************/

<?php
namespace app\admin\controller;

use app\admin\model\SystemModel;
use think\facade\Request;
use app\admin\controller\Common;

class System extends Common
{
   public function index()
   {
       //通过id为1来获取网站需要修改的信息
       $data = SystemModel::get(1);
       //将数据赋值到模板
       $this->view->system = $data;
       //渲染系统设置模板
       return $this->fetch();
   }

   public function DoEdit()
   {
       //获取提交的数据
       $data = Request::param();
       //实例化模型
       $system = new SystemModel();
       $info = $system->save([
           'site_name'=>$data['site_name'],
           'about_title'=>$data['about_title'],
           'about_content'=>$data['about_content'],
           'ci_title'=>$data['ci_title'],
           'ci_content'=>$data['ci_content'],
           'cp_title'=>$data['cp_title'],
           'cp_content'=>$data['cp_content'],
       ],['id'=>1]);
       if($info){
           return ['res'=>1,'msg'=>'保存成功!'];
       }else{
           return ['res'=>0,'msg'=>'保存失败!'];
       }
   }
}

/***********************  SystemModel.php 系统模块模型 *******************************/

<?php
namespace app\admin\model;
use \think\Model;

class SystemModel extends Model
{
   protected $table = 'system';

   protected $pk = 'id';
}


/************************ index.html 系统模块页面  ************************************/

{include file="public/head" /}

<body>
<div class="x-nav">
     <span class="layui-breadcrumb">
       <a href="">首页</a>
       <a href="">演示</a>
       <a>
         <cite>导航元素</cite></a>
     </span>
   <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
      href="javascript:location.replace(location.href);" title="刷新">
       <i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
   <form class="layui-form">
       <div class="layui-form-item">
           <label for="site_name" class="layui-form-label" style="width: 90px">
               <span class="x-red">*</span>网站名称
           </label>
           <div class="layui-input-inline">
               <input type="text" id="site_name" name="site_name" value="{$system.site_name}" required=""
                      lay-verify="required"
                      autocomplete="off" class="layui-input">
               <input type="hidden" id="id" value="1">
           </div>
       </div>
       <div class="layui-form-item">
           <label for="about_title" class="layui-form-label" style="width: 90px">
               <span class="x-red">*</span>关于我们标题
           </label>
           <div class="layui-input-inline">
               <input type="text" id="about_title" name="about_title" value="{$system.about_title}" required=""
                      lay-verify="required"
                      autocomplete="off" class="layui-input">
           </div>
       </div>
       <div class="layui-form-item">
           <label for="about_content" class="layui-form-label"style="width: 90px">
               <span class="x-red">*</span>关于我们内容
           </label>

           <div class="layui-input-inline">
               <textarea placeholder="请输入关于我们内容" id="about_content" name="about_content" class="layui-textarea">{$system.about_content}</textarea>
           </div>
       </div>
       <div class="layui-form-item">
           <label for="ci_title" class="layui-form-label" style="width: 90px">
               <span class="x-red">*</span>公司介绍标题
           </label>
           <div class="layui-input-inline">
               <input type="text" id="ci_title" name="ci_title" value="{$system.ci_title}" required=""
                      lay-verify="required"
                      autocomplete="off" class="layui-input">
           </div>
       </div>
       <div class="layui-form-item">
           <label for="ci_content" class="layui-form-label"style="width: 90px">
               <span class="x-red">*</span>公司介绍内容
           </label>

           <div class="layui-input-inline">
               <textarea placeholder="请输入公司介绍内容" id="ci_content" name="ci_content" class="layui-textarea">{$system.ci_content}</textarea>
           </div>
       </div>
       <div class="layui-form-item">
           <label for="cp_title" class="layui-form-label" style="width: 90px">
               <span class="x-red">*</span>公司宣传标题
           </label>
           <div class="layui-input-inline">
               <input type="text" id="cp_title" name="cp_title" value="{$system.cp_title}" required=""
                      lay-verify="required"
                      autocomplete="off" class="layui-input">
           </div>
       </div>
       <div class="layui-form-item">
           <label for="cp_content" class="layui-form-label"style="width: 90px">
               <span class="x-red">*</span>公司宣传内容
           </label>
           <div class="layui-input-inline">
               <textarea placeholder="请输入公司宣传内容" id="cp_content" name="cp_content" class="layui-textarea">{$system.cp_content}</textarea>
           </div>
       </div>
       <div class="layui-form-item">
           <label for="L_repass" class="layui-form-label" style="width: 90px">
           </label>
           <button class="layui-btn" lay-filter="add" lay-submit="">
               保存
           </button>
       </div>
   </form>

</div>

<script>
   layui.use(['form'], function () {
       form = layui.form;
       //监听提交
       form.on('submit(add)', function (data) {
           console.log(data);
           //发异步,把数据提交给php
           $.post("{:url('DoEdit')}", {
               'id':$('id').val(),
               'site_name': $('#site_name').val(),
               'about_title':$('#about_title').val(),
               'about_content':$('#about_content').val(),
               'ci_title':$('#ci_title').val(),
               'ci_content':$('#ci_content').val(),
               'cp_title':$('#cp_title').val(),
               'cp_content':$('#cp_content').val(),
           }, function (data) {
               if (data.res == 1) {
                   layer.msg(data.msg, {icon: 1, time: 1000});
               }else{
                   layer.msg(data.msg, {icon: 1, time: 1000});
               }
           })

           return false;
       });
   });

</script>

</body>

</html>

Correcting teacher:天蓬老师Correction time:2018-12-07 08:57:38
Teacher's summary:前后端的交互, 是开发中最常见的操作, layUI是一个优秀的前端框架, 也php框架能很好的配合开发项目

Release Notes

Popular Entries