后台 配置页面功能设计

背景：

每个网站开发中，多多少少会需要一些默认的配置项，相对而言一条条的手动添加是极为繁琐的，要分类各种图片、文字、文件、单选、多选按钮等，在此提供一种设计思路，记不清从哪里参考而来的，个人认为比较方便，也有很大的扩展性...

一.数据库设计

1.数据库设计截图

2.数据库SQL创建语句

CREATE TABLE `xx_conf` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT 'ID标记',
  `tag` varchar(20) DEFAULT NULL COMMENT '缩写标签',
  `title` varchar(50) DEFAULT NULL COMMENT '配置项标题',
  `value` text COMMENT '配置项的 取值',
  `type` varchar(20) DEFAULT NULL COMMENT '类型',
  `tip` varchar(50) DEFAULT NULL COMMENT '配置项提示信息',
  `sort` int(11) DEFAULT NULL COMMENT '排序',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=14 DEFAULT CHARSET=utf8;

3.数据库信息参考

二.前端设计

1.添加页面展示

 

2.核心代码参考

三.后台代码设计

1.ConfigController.class.php 代码

private $confModel;
public function __construct()
{
    parent::__construct();
    $this->confModel = new ConfModel();
}

/**
 * 基本配置界面
 */
public function index(){
    if(IS_POST){
        $updateTag = $this->confModel->updateConfData();
        if($updateTag){
            $this->success('修改成功',U('Config/index'),2);
        }else{
            $this->error('修改失败',U('Config/index'),2);
        }
    }else{
        $confData = $this->confModel->getConfData();
        $this->assign('confData',$confData);
        $this->display();
    }
}
/**
 * 配置项的添加
 */
public function add(){
    $tag = $this->confModel->addConfigData();
    if ($tag){
        $content = '配置项添加成功';
    }else{
        $content = '配置项添加失败';
    }
    $this->success($content,U('Config/index'),1);
}

2.ConfModel类内部核心代码参考

注意一点，对于如下关于图片上传的代码，请参考上一篇文章的介绍，涉及到的主要代码都可以直接参考，此处不做赘述。

public function addConfigData(){
    $postData = $_POST;
    $tag = $this->db_conf_mi
        ->add($postData);
    return $tag;
}

/**
 * 更新配置信息
 */
public function updateConfData(){
    $postData = $_POST;
    foreach ($postData as $key => $value){
        $save = array(
            'value' => $value,
        );
        $this->db_conf_mi
            ->where("tag = '".$key."'")
            ->save($save);
    }
    //file文件数据更新
    foreach ($_FILES as $key => $value){
        $img = handleImg($key);
        $furl = C('REMOTE_ROOT').$img;
        if ($img){
            ftp_upload($furl,$img);
            $saveData['value'] = $img;
            $this->db_conf_mi
                ->where("tag = '".$key."'")
                ->save($saveData);
        }
    }
    return 1;
}

四.实现效果截图

五.附录

1.补录

可建议自行添加配置项排序功能

如果时间允许，建议将不同类型的配置项进行剥离处理，方便统一页面设计，美观适用性增强。

2.源代码下载 >>>