PHP:【商城后台管理系统】部署友情链接，网站基础设置

一.友情链接

①友情链接页面

②友情链接编辑

③友情链接添加

二.网站基础设置

①后台网站基础设置页面

②网站基础设置效果

三.部署流程

  • 部署流程
    • 后端采用thinkphp6.0，首先是网站基础设置，网站基础在数据库中可以建立一个单独的表，但是这个单独的表存放的信息很特殊，表里可以存商品规格，或者别的数据，因为这个网站设置就是设置网站的tdk，表字段的名称是这样的，id，names，values，就只有这两个字段，names的字段可以存tdk，或者商品名称，第二个values，可以存放tdk的信息，还有商品规格信息，我们将这些数据转换成json存入表中，需要的时候再json_decode取出渲染到前端页面。友情链接就比较简单了，可以新建一个友情链接的表，存放链接数据到表中。
    • 前端采用Layui前端UI框架

HTML 友情链接代码块

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>友情链接</title>
  8.     <link rel="stylesheet" href="/static/layui-v2.6.8/layui/css/layui.css" />
  9.     <script src="/static/layui-v2.6.8/layui/layui.js"></script>
  11. </head>
  12. <body style="padding: 10px;min-width:1000px;">
  13.     <div class="layui-item"style="height:36px;border-bottom: 3px solid #009688;" >
  14.         <span style="color:#777;font-size:20px;height:30px;line-height:30px">首页/</span>
  15.         <span style="color:#ccc">友情链接</span>
  16.         <button class="layui-btn layui-btn-sm" style="float:right;margin:5px" onclick="add()">添加</button>
  17.     </div>
  18.     <table class="layui-table" >
  19.         <thead>
  20.             <tr>
  21.                 <th>ID</th>
  22.                 <th>友链名称</th>
  23.                 <th>友链地址</th>
  24.                 <th>友链图标</th>
  25.                 <th>友链描述</th>
  26.                 <th>添加时间</th>
  27.                 <th>状态</th>
  28.                 <th>编辑</th>
  29.             </tr>
  30.         </thead>
  31.         <tbody>
  32.             {foreach $friend as $v}
  33.                 <tr>
  34.                     <td>{$v['id']}</td>
  35.                     <td>{$v['title']}</td>
  36.                     <td><a href="">{$v['url']}</a></td>
  37.                     <td style="text-align: center;"><img src="{$v['url_img']}" style="width: 80px;"></td>
  38.                     <td >{$v['description']}</td>
  39.                     <td>{:date('Y-m-d H:i:s',$v['add_time'])}</td>
  40.                     <td>{$v['status']==0?'<span style="color: green;">显示</span>':'<span style="color: red;">关闭</span>'}</td>
  41.                     <td>
  42.                     <button class="layui-btn layui-btn-sm" onclick="edit({$v['id']})">编辑</button>
  43.                     <button class="layui-btn layui-btn-sm layui-btn-danger" onclick="dle({$v['id']})">删除</button>
  44.                     </td>
  45.                 </tr>
  46.             {/foreach}
  47.         </tbody>
  48.     </table>
  49. </body>
  50. <script>
  51.             $ = layui.jquery;
  52.             //修改友情链接
  53.             function edit(id) {
  55.                 layer.open({
  56.                 type:2,
  57.                 title: '修改信息',
  58.                 shadeClose: true,
  59.                 shade: 0.8,
  60.                 area: ['450px', '450px'],
  61.                 content: '/admin/Setting/edit_friend_link?id='+id
  62.                 }); 
  63.             }
  64.             //删除
  65.             function dle(id) {
  66.                 layer.confirm('确定删除吗？', {
  67.                 btn: ['确定','取消'],
  68.                 },
  69.                 function(){
  70.                   let date = {};
  71.                   $.post('/admin/Setting/dle_friend_link?id='+id,date,function(res){
  72.                     if (res.id == 1) {
  73.                         layer.alert(res.msg,{icon:1});
  74.                         setTimeout(() => {
  75.                             window.location.reload();
  76.                         }, 1000);
  77.                     }else{
  78.                         layer.alert(res.msg,{icon:2});
  79.                     }
  80.                   },'json')
  81.                 });
  82.             }
  83.             //添加友情链接
  84.             function add()
  85.             {
  87.                  layer.open({
  88.                 type:2,
  89.                 title: '添加信息',
  90.                 shadeClose: true,
  91.                 shade: 0.8,
  92.                 area: ['500px', '500px'],
  93.                 content: '/admin/Setting/save_friend_link'
  94.                 }); 
  95.             }
  96. </script>
  97. </html>

HTML 网站设置代码块

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>管理员账号列表</title>
  8.     <link rel="stylesheet" href="/static/layui-v2.6.8/layui/css/layui.css" />
  9.     <script src="/static/layui-v2.6.8/layui/layui.js"></script>
  11. </head>
  12. <body style="padding: 10px;min-width:737px">
  13.     <div class="layui-item" style="height:36px;border-bottom: 3px solid #009688;" >
  14.         <span style="color:#777;font-size:20px;height:30px;line-height:30px">首页/</span>
  15.         <span style="color:#ccc">基础设置</span>
  16.     </div>
  17.     <form class="layui-form">
  18.         <div class="layui-box" style="padding: 10px;width:600px"> 
  19.             <div class="layui-form-item">
  20.                 <label for="" class="layui-form-label">网站名称</label>
  21.                 <div class="layui-input-block">
  22.                     <input type="text" class="layui-input" name="title" value="{$find['vals']['title']}" placeholder="请输入" >
  23.                 </div>
  24.             </div>
  26.             <div class="layui-form-item">
  27.                 <label for="" class="layui-form-label">网站域名</label>
  28.                 <div class="layui-input-block">
  29.                     <input type="text" class="layui-input" name="url" value="{$find['vals']['url']}"" placeholder="请输入" >
  30.                 </div>
  31.             </div>
  33.             <div class="layui-form-item">
  34.                 <label for="" class="layui-form-label">Keywords</label>
  35.                 <div class="layui-input-block">
  36.                     <textarea name="Keywords" required lay-verify="required" placeholder="请输入" class="layui-textarea">{$find['vals']['Keywords']}</textarea>
  38.                 </div>
  39.             </div>
  41.             <div class="layui-form-item">
  42.                 <label for="" class="layui-form-label">description</label>
  43.                 <div class="layui-input-block">
  44.                     <textarea name="description" required lay-verify="required" placeholder="请输入" class="layui-textarea">{$find['vals']['description']}</textarea>
  46.                 </div>
  47.             </div>
  49.             <div class="layui-form-item">
  50.                 <label for="" class="layui-form-label">客服QQ</label>
  51.                 <div class="layui-input-block">
  52.                     <input type="text" class="layui-input" name="qq" value="{$find['vals']['qq']}" placeholder="请输入" >
  53.                 </div>
  54.             </div>
  56.             <div class="layui-form-item">
  57.                 <label for="" class="layui-form-label">客服电话</label>
  58.                 <div class="layui-input-block">
  59.                     <input type="text" class="layui-input" name="contact" value="{$find['vals']['contact']}" placeholder="请输入" >
  60.                 </div>
  61.             </div>
  63.             <div class="layui-form-item">
  64.                 <label for="" class="layui-form-label">版权信息</label>
  65.                 <div class="layui-input-block">
  66.                     <textarea name="copyright" required lay-verify="required" placeholder="请输入" class="layui-textarea">{$find['vals']['copyright']}</textarea>
  68.                 </div>
  69.             </div>
  71.             <div class="layui-form-item">
  72.                 <label for="" class="layui-form-label">备案号</label>
  73.                 <div class="layui-input-block">
  74.                     <input type="text" class="layui-input" name="record" value="{$find['vals']['record']}" placeholder="请输入" >
  75.                 </div>
  76.             </div>
  78.             <div class="layui-form-item">
  79.                 <div class="layui-input-block">
  80.                 <button class="layui-btn" type="button" onclick="save()">保存</button>
  81.                 </div>
  83.             </div>
  84.         </div>
  86.     </form>
  87. </body>
  88.     <script>
  89.             $ = layui.jquery;
  90.             //页面刷新时聚焦焦点
  91.             $('input[name = "title"]').focus();
  93.             //保存
  94.             function save()
  95.             {
  96.                 if ($('input[name = "title"]').val() == '') {
  97.                     layer.alert('网站名称不能为空',{icon:2});
  98.                     return;
  99.                 }
  101.                 if ($('textarea[name = "Keywords"]').val() == '') {
  102.                     layer.alert('Keywords不能为空',{icon:2});
  103.                     return;
  104.                 }
  106.                 if ($('textarea[name = "description"]').val() == '') {
  107.                     layer.alert('description不能为空',{icon:2});
  108.                     return;
  109.                 }
  111.                 if ($('input[name = "qq"]').val() == '') {
  112.                     layer.alert('客服qq不能为空',{icon:2});
  113.                     return;
  114.                 }
  116.                 $.post('/admin/Setting/basesetting',$('form').serialize(),function (res) {
  117.                         if (res.id == 1) {
  118.                             layer.alert(res.msg,{icon:1});
  119.                             setTimeout(() => {
  120.                             parent.window.location.reload();
  122.                         }, 1000);
  123.                         }else{
  124.                            layer.alert(res.msg,{icon:2});
  125.                        }
  126.                 },'json')
  127.             }
  128.     </script>
  129. </html>

PHP 友情链接/网站设置代码块

  1. <?php
  2. namespace app\admin\controller;
  3. use app\admin\controller\Base;
  4. use think\facade\Request;
  5. use think\facade\Db;
  6. use think\facade\View;
  7. use think\facade\Session;
  8. /**
  9.  * 网站管理
  10.  */
  11. class Setting extends Base
  12. {   //友情链接
  13.     public function friend_link()
  14.     {   
  15.         $friend_link = Db::table('friend_link')->select()->toArray();
  16.         View::assign([
  17.             'friend' => $friend_link
  18.         ]);
  19.         return View('/setting/friend_link');
  20.     }
  22.     //添加友情链接
  23.     public function save_friend_link()
  24.     {   
  25.         if (Request::isPost()) {
  26.             $data['title'] = Request::post('title');
  27.             $data['url'] = Request::post('url');
  28.             $data['url_img'] = Request::post('url_img');
  29.             $data['description'] = Request::post('description');
  30.             $data['add_time'] = time();
  31.             $data['status'] = Request::post('status');
  33.             if (empty($data['title'])) {
  34.                 exit(json_encode(['id'=>0,'msg'=>'友链名称不能为空']));
  35.             }
  37.             if (empty($data['url'])) {
  38.                 exit(json_encode(['id'=>0,'msg'=>'友链地址不能为空']));
  39.             }
  41.             $insert = Db::table('friend_link')->insert($data);
  42.             if (!empty($insert)) {
  43.                 echo json_encode(['id'=>1,'msg'=>'保存成功']);
  44.             }else {
  45.                 echo json_encode(['id'=>0,'msg'=>'保存失败']);
  46.             }
  47.         }else {
  48.             return View('/setting/save_friend_link');
  49.         }
  51.     }
  53.     //修改友情链接
  54.     public function edit_friend_link()
  55.     {   
  56.         if (Request::isPost()) {
  57.             $id = Request::post('id');
  58.             $data['title'] = Request::post('title');
  59.             $data['url'] = Request::post('url');
  60.             $data['url_img'] = Request::post('url_img');
  61.             $data['description'] = Request::post('description');
  62.             $data['add_time'] = time();
  63.             $data['status'] = Request::post('status');
  65.             if (empty($data['title'])) {
  66.                 exit(json_encode(['id'=>0,'msg'=>'友链名称不能为空']));
  67.             }
  69.             if (empty($data['url'])) {
  70.                 exit(json_encode(['id'=>0,'msg'=>'友链地址不能为空']));
  71.             }
  73.             $update = Db::table('friend_link')->where('id',$id)->update($data);
  74.             if (!empty($update)) {
  75.                 echo json_encode(['id'=>1,'msg'=>'保存成功']);
  76.             }else {
  77.                 echo json_encode(['id'=>0,'msg'=>'保存失败']);
  78.             }
  79.         }else {
  80.             $id = Request::get('id');
  81.             $data = Db::table('friend_link')->where('id',$id)->find();
  82.             View::assign([
  83.                 'id' => $id,
  84.                 'data' => $data
  85.             ]);
  86.             return View('/setting/edit_friend_link');
  87.         }
  89.     }
  91.     //删除友情链接
  92.     public function dle_friend_link()
  93.     {
  94.         $id = Request::get('id');
  96.         $delete = Db::table('friend_link')->where('id',$id)->delete();
  97.         if (!empty($delete)) {
  98.             echo json_encode(['id'=>1,'msg'=>'删除成功']);
  99.         }else {
  100.             echo json_encode(['id'=>0,'msg'=>'删除失败']);
  101.         }
  102.     }
  103.     //基础设置
  104.     public function basesetting()
  105.     {   
  106.         if (Request::isPost()) {
  107.             $names = 'tdk';
  108.             $data['title'] = Request::post('title');
  109.             $data['Keywords'] = Request::post('Keywords');
  110.             $data['url'] = Request::post('url');
  111.             $data['contact'] = Request::post('contact');
  112.             $data['copyright'] = Request::post('copyright');
  113.             $data['record'] = Request::post('record');
  114.             $data['description'] = Request::post('description');
  115.             $data['qq'] = Request::post('qq');
  119.             if (empty($data['title'])) {
  120.                 exit(json_encode(['id'=>0,'msg'=>'网站名称不能为空']));
  121.             }
  122.             if (empty($data['Keywords'])) {
  123.                 exit(json_encode(['id'=>0,'msg'=>'Keywords不能为空']));
  124.             }
  125.             if (empty($data['description'])) {
  126.                 exit(json_encode(['id'=>0,'msg'=>'description不能为空']));
  127.             }
  128.             if (empty($data['qq'])) {
  129.                 exit(json_encode(['id'=>0,'msg'=>'客服qq不能为空']));
  130.             }
  132.             $find = Db::table('setting')->where('names',$names)->find();
  133.             if (!empty($find)) {
  134.                $update = Db::table('setting')->where('names',$names)->update(['names' => $names,'vals' => json_encode($data)]);
  135.             }else {
  136.                 $insert = Db::table('setting')->insert(['names' => $names,'vals' => json_encode($data)]);
  137.             }
  140.             if (!empty($insert) || isset($update)) {
  141.                 echo json_encode(['id' => 1 , 'msg' => '保存成功']);
  142.             }else {
  143.                 echo json_encode(['id' => 0 , 'msg' => '保存失败']);
  144.             }
  147.         }else {
  148.             $names = 'tdk';
  149.             $find = Db::table('setting')->where('names',$names)->find();
  150.             $find['vals'] = json_decode($find['vals'],true);
  152.             View::assign([
  153.                 'find' => $find
  154.             ]);
  155.             return View('/setting/basesetting');
  156.         }
  158.     }
  159. }

更多相关文章

  1. 网站安全响应头缺失和php配置漏洞
  2. 名词解释：外贸推广人员口中的谷歌SEO是什么
  3. 百度静态网站全站搜索功能
  4. 网站被百度飓风算法2.0命中，已做完整改措施，看看几天恢复
  5. 写论文时发现了哪些神奇的网站？转给需要的jrs
  6. 网站301跳转问题的探讨和用法，网站做301跳转的相关问题
  7. 网站url后带spm参数的作用
  8. 互动网站建设，如何操作，海量模板一站式建站
  9. 网站开源字体使用

随机推荐

  1. android 发送短信
  2. AnimatedStateListDrawable介绍
  3. Android之列表对话框
  4. Android图片旋转实例
  5. Android中模拟点击软件的实现原理探究
  6. android微博客户端源代码
  7. Android中的android:layout_weight讲解
  8. android 相对布局
  9. Android获取当前时间
  10. Android ScrollView 去掉 scrollbar 和