实战:系统模块的实现

Original 2019-05-26 21:51:28 195
abstract:1.控制器类代码<?php/** * Created by PhpStorm. * User: Administrator * Date: 2018/7/27 * Time: 10:23 */namespace app\admin\controller;use app\admin\model\SystemModel;use think\facade\Request;use app\admin

1.控制器类代码

<?php
/**
* Created by PhpStorm.
* User: Administrator
* Date: 2018/7/27
* Time: 10:23
*/

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' => '保存失败!'];
       }
   }
}

2.模型类

<?php
namespace app\admin\model;

use \think\Model;

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

3.视图类

<!doctype html>
<html lang="en">
{include file="/public/header"}
<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">
           </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\')}', {
               '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:2019-05-27 09:08:13
Teacher's summary:你这对应的是哪个课程 , 还有下次记得放张图片上来看一下

Release Notes

Popular Entries