zoukankan      html  css  js  c++  java
  • Thinkphp交友手机首页简明前台、后台

    先来说下后台吧,后台要写后台模板-V,后台控制器-C

    后台模板如下代码:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Examples</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="" rel="stylesheet">
    </head>
    <body>
    
        <div>
            <form action="__URL__/add_img" enctype="multipart/form-data" method="post" style="padding:10px;" >
                图片宽:<input type="text" name="width" style="60px " />
                图片长:<input type="text" name="height" style="60px " />
                <input type="file" name="photo" style="150px "/>
                <input type="submit" value="上传" >
            </form>
        
        </div>
        <table  width="400" border="1" style="padding:2px;  margin-left:10px;">
                <tr>
                        <td align="center">ID</td>
                        <td align="center">照片</td>
                        <td align="center" >大小</td>
                        <td align="center">操作</td>
                        
                </tr>
            <foreach name="list" item="vo">
                <tr>
                    <td align="center">{$vo.id}</td>
                    <td  align="center"><img src="http://www.hnb.cc{$vo.photo}" alt=""  style="35px;height:25px;"></td>
                    <td align="center">{$vo.size}</td>
                    <td align="center" ><a href="{:U('admin/vip/del',array('id'=>$vo[id] ))}" >删除</a></td>
                  
                </tr>
            </foreach>
        </table>
        <div>{$page}</div>
    
    </body>
    </html>

    然后是后台控制器代码如下:

    <?php 
    /*功能:手机首页后台设置*/
    class VipAction extends CommonAction 
    {
        /*后台首页显示*/
       public function index()
       {
               $moden=M('wap_photo');
            /*分页*/
            import("ORG.Util.Page");// 导入分页类
            $count= $moden->count();// 查询满足要求的总记录数
            $Page= new Page($count,10);// 实例化分页类 传入总记录数和每页显示的记录数
            $show= $Page->show();// 分页显示输出
            $rs=$moden->field("id,photo,size")->limit($Page->firstRow.','.$Page->listRows)->order('id desc')->select();
            $this->assign('page',$show);// 赋值分页输出
            /*分页结束*/
            $this->assign('list',$rs);
            $this->display();
        }
       //后台删除表中的数据、删除文件待更新
        public function del()
        {
            if($_GET)
            {
                // print_r($_GET);exit;
                $id=$_GET['id'];
                $moden=M('wap_photo');
                $rs=$moden->where("id=$id")->delete();
                if($rs)
                {
                    $this->success('删除成功');
                }
            }
    
        }
        /*hnb图片上传函数*/
        function add_img()
        {
            if($_POST['width']&&$_POST['height'])
            {
                $rs=import('ORG.Net.UploadFile');
                $upload=new UploadFile();
                $upload->maxSize=2097153;  //设置上传文件大小为2M
                $root_path=BATH_PATH;       //等下好上传
                $sub_path='/image/wapphoto/';//一切为了上传
                $upload->savePath =BATH_PATH .'/image/wapphoto/';// 设置附件上传目录
                $upload->allowExts  = array('jpg', 'gif', 'png', 'jpeg');// 设置附件上传类型
                $upload->thumb = true;
                $upload->thumbMaxWidth = $_POST['width'];
                $upload->thumbMaxHeight = $_POST['height'];
                $file->thumbPath=BATH_PATH .'/image/wapphoto/';//缩略图保存路径
                $upload->thumbRemoveOrigin=true;//生成缩略图是否删除原图片
                if(!$upload->upload()) 
                {// 上传错误提示错误信息
    
                    $this->error($upload->getErrorMsg());
    
                }else{// 上传成功 获取上传文件信息
    
                    $info =  $upload->getUploadFileInfo();
                    $model=M('wap_photo');
                    $model->photo=$sub_path.'thumb_'. $info[0]["savename"]; 
                    $model->size=$_POST['width'].'*'.$_POST['height'];
                    $model->time=time();
                    $model->add();
                    $this->success("数据保存成功!");
                }
    
            }else
            {
                echo '上传失败';
                return false;
            }
        }
    }
    
     ?>

    前台代码比较多,要写控制器,要写moden,还要写view

    下面是前台主入口文件代码:因为前台是放在另一个网站目录下的

    <?php
    /**
     * [OELove] (C)2012-2099 OEdev,Inc.
     * <E-Mail:phpcoo@phpcoo.com>
     * Url http://www.phpcoo.com
     *     http://www.oemarry.com
     *     http://www.oedev.net
     * Update 2013.09.09
    */
    //载入主文件
    require_once 'source/core/run.php';
    require_once 'source/core/util/function.iswap.php';
    if (false == mobile_device_detect()) {
       // XHandle::redirect(PATH_URL.'index.php');
    }
    //c&a参数
    $c = XRequest::getGpc('c');
    $a = XRequest::getGpc('a');
    $c = empty($c) ? 'vip' : $c;
    $a = empty($a) ? 'run' : $a;
    //Controller
    if (!in_array($c, 
        array(
            'index', 'passport', 'about', 'user', 'home', 'online', 'vip',
            'cp', 'cp_do', 'cp_info', 'cp_message', 'cp_visit', 
            'cp_listen', 'cp_fans', 'cp_money', 'cp_points', 'cp_photo', 'party', 
        ))) {
        XHandle::error('Wap Controller ['.$c.'] is forbiden!');
    }
    $control_base = BASE_ROOT.'./source/control/wapbase.php';
    $hook_base = BASE_ROOT.'./source/control/apphook.php';
    $control_path = BASE_ROOT.'./source/control/wap/'.$c.'.php';
    if (!file_exists($control_path)) {
        XHandle::error('Wap Controller file:['.$c.'] is not found!');
    }
    else {
        require_once($control_base);
        require_once($hook_base);
        require_once($control_path);
        $control = new control();
        $method = 'control_'.$a;
        if (method_exists($control, $method) && $a{0} != '_') {
            $control->$method();
        } 
        else {
            XHandle::error('Wap Controller ['.$c.'] Action ['.$a.'] is not found!');
        }
        unset($control);
    }
    ?>

    前台控制器

    主要作用是调用model 把变量,跟模板输出

    代码如下:

    <?php
    /*********************/
    /*                   */
    /*  Version : 5.1.0  */
    /*  Author  : RM     */
    /*  Comment : 071223 */
    /*                   */
    /*********************/
    
    if ( !defined( "IN_OESOFT" ) )
    {
        exit( "Access Denied" );
    }
    class control extends wapbase
    {
        private $service = NULL;
        private $_tplfile = NULL;
        /*这种写法才能assign    
            $this->getMeta( "ch_index" );
            $var_array = array(
                            "page_title" => $this->metawrap['title'],
                            "page_description" => $this->metawrap['description'],
                            "page_keyword" => $this->metawrap['keyword']
            );
            TPL::assign( $var_array );
        */
        /*hnb调用moden取出数据,并输出在模板*/
        public function control_run( )
        {
            $model = parent::model('vip', 'wm');
            $vip_data=$model->getPhoto();
            /*把取出来的数据排顺序*/
            $var_array = array("vip_data" => $vip_data);
            TPL::assign($var_array);
            $this->_tplfile = $this->getTPLFile( "vip" );
            TPL::display( $this->_tplfile );
        }
    }
    ?>

    moden 代码如下:主要是调用数据库,取数据,并把取出的数据再排列

    <?php
    if ( !defined( "IN_OESOFT" ) )
     {
        exit( "Access Denied" );
    }
    
    class vipWModel extends X 
    {
        /*hnb取照片出来并排列*/
        public function getPhoto()
        {
            $dbname='7799520';
            $model=parent::$obj->select_db($dbname);
            // $sql="select id, isShow,photo,tagID from reg_photo where isShow='1' order by rand() limit 10";
            $size='245*189';
            $sql="select id,photo,size from wap_photo where size='$size' limit 4";
            $model_one = parent::$obj->getall($sql);
            $model_one_sub=array_splice($model_one, 2);
            $sql="select id,photo,size from wap_photo where size<>'$size' limit 6";
            $model_two=parent::$obj->getall($sql);
            $model_two_sub=array_splice($model_two, 3);
            $model=array_merge($model_one,$model_two,$model_one_sub,$model_two_sub);
            $web_path="http://www.hnb.cc";
            if($model)
            {
                $data=array();
                foreach ($model as $k=>$v) 
                {
                    $data[]=$web_path . $v['photo'];
                } 
            }
            return $data;
         }
    }
    ?>

    最后是前台的模板代码vip.tpl

    代码如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta charset="UTF-8">
    <title>我主良缘一对一服务</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    
    <script src="<!--{$wapskin}-->js/ipinfo.jsp" type="text/javascript"></script>
    <script src="<!--{$wapskin}-->js/jquery.js"></script>
    <script language="javascript" src="<!--{$wapskin}-->js/serivcearea.js"></script>
    <link rel="stylesheet" type="text/css" href="<!--{$wapskin}-->style/vip.css" media="all">
    
    </head>
    <body>
        <div class="head">
            <div class="btn-box">
                <a href="<!--{$wapfile}-->?c=passport&a=reg" class="signup">免费注册</a>
                <a href="<!--{$wapfile}-->?c=passport&a=login" class="login">登    录</a> 
             </div>
        </div>
        <div class="banner">
            <img src="<!--{$wapskin}-->images/xj/01.png">
        </div>
    
       
        <div class="content fn-clear">
            <!--{foreach $vip_data as $key=>$volist}-->
                <!--{if $key==0 ||$key==1||$key==5||$key==6}-->
                     <div class="imgbox imgbox1" onclick="window.location.href='<!--{$wapfile}-->?c=passport&a=login'">
                    <img src="<!--{$volist}-->"><span>约见TA</span> </div>
                <!--{else}--> 
                     <div class="imgbox imgbox2" onclick="window.location.href='<!--{$wapfile}-->?c=passport&a=login'">
                    <img src="<!--{$volist}-->"><span>约见TA</span> </div>
                <!--{/if}--> 
            <!--{/foreach}-->
    
        </div>
    
        <div class="banner">
            <img src="<!--{$wapskin}-->images/xj/02.png">
        </div>
       
        <nav>
       
            <ul class="fn-clear">
                <li><a class="phone" href="tel:400-7799520">电话咨询</a></li>
                <li><a class="liuyan" href="http://webim.qiao.baidu.com//im/index?siteid=6789020&ucid=2774470&qq-pf-to=pcqq.c2c" >在线咨询</a></li>
                <li><a class="fuwu" href="http://www.7799520.com/activities/" >各地活动</a></li>
                <li><a class="shenqing" href="#">各地公司</a></li>
            </ul>
        </nav>
        
    <div id="footer" class="foot">我主良缘一对一服务<br></div>
    <script>
        $(function(){
            var userId=12;
            var isLogin=0;
            if(!isLogin){
                $(".login").show();
                $(".signup").show();
                $(".apply").hide();    
            }else{
                $(".login").hide();
                $(".signup").hide();
                $(".apply").show();    
            }
            
        });
    
    
    </script>
    
    
    </body>
    </html>

    当然还有数据库表如下:

    SET FOREIGN_KEY_CHECKS=0;

    -- ----------------------------
    -- Table structure for wap_photo
    -- ----------------------------
    DROP TABLE IF EXISTS `wap_photo`;
    CREATE TABLE `wap_photo` (
      `id` int(11) NOT NULL AUTO_INCREMENT,
      `photo` varchar(80) NOT NULL DEFAULT '',
      `size` varchar(15) NOT NULL DEFAULT '',
      `time` int(11) NOT NULL DEFAULT '0',
      PRIMARY KEY (`id`)
    ) ENGINE=MyISAM AUTO_INCREMENT=36 DEFAULT CHARSET=utf8;


    INSERT INTO `wap_photo` VALUES ('1', '/image/wapphoto/54befd120ad22.png', '245*189', '0');
    INSERT INTO `wap_photo` VALUES ('2', '/image/wapphoto/54bf38654d328.png', '245*189', '0');
    INSERT INTO `wap_photo` VALUES ('3', '/image/wapphoto/54bf415b4d40f.png', '0', '0');
    INSERT INTO `wap_photo` VALUES ('4', '/image/wapphoto/54bcdda252076.png', '0', '0');
    INSERT INTO `wap_photo` VALUES ('5', '/image/wapphoto/54bf37a9dac98.png', '0', '0');
    INSERT INTO `wap_photo` VALUES ('7', '/image/wapphoto/54bf392c70fe5.png', '245*189', '0');
    INSERT INTO `wap_photo` VALUES ('8', '/image/wapphoto/54bf42af6e3c6.png', '245*189', '0');
    INSERT INTO `wap_photo` VALUES ('9', '/image/wapphoto/5554607d2cee3.png', '0', '0');
    INSERT INTO `wap_photo` VALUES ('10', '/image/wapphoto/5554620071e15.png', '0', '0');
    INSERT INTO `wap_photo` VALUES ('11', '/image/wapphoto/553745ff8902c.png', '0', '0');

  • 相关阅读:
    iOS AppStore个人开发者账号申请
    一个工程多个Target
    React Native环境搭建(iOS、Mac)
    vuex的简单使用
    在vue中使用sass
    一个javascript继承和使用的例子
    在vue中使用Element-UI
    CSS3 Flex布局和Grid布局
    (...)ES6三点扩展运算符
    h5 video切换到横屏全屏
  • 原文地址:https://www.cnblogs.com/hnbiao/p/4551741.html
Copyright © 2011-2022 走看看