PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布
首页
课程
路径
文章
PHP培训
精品课
下载
最新更新

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

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

JiaJieChen
JiaJieChen 原创
2021年06月20日 18:21:55 1768浏览

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. }
上一条： Git:【Git】基础常用命令，【Linux】常用命令 下一条： 5.【商城后台管理系统】基于TP6开发RBAC角色权限管理权限分配等技术点详解
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多
热门课程