Community Learn Tools Library Leisure
search
English
Home > List of blog posts > PHP:【商城后台管理系统】部署友情链接，网站基础设置
Blogger Information
Blog 70
fans 4
comment 5
visits 105104
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
PHP:【商城后台管理系统】部署友情链接，网站基础设置
JiaJieChen
Original
1819 people have browsed it

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. }
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post