m_Orchestrate learning system---十七、页面美观的关键是什么

m_Orchestrate learning system---十七、页面美观的关键是什么

一、总结

一句话总结：图片用好看的

 

1、项目板块化？

就是一个个模块，能复用的话很快的

页面由这一个个模块拼装而成

 

2、通过jquery添加class方法来实现使导航栏出现的效果？

 1 <script>
 2 $(function(){
 3 
 4 // 动态计算列表文字样式  5  auto_resize();  6 $(window).resize(function() {  7  auto_resize();  8  });  9 $('.am-list-thumb img').load(function(){ 10  auto_resize(); 11  }); 12 13 $('.am-list > li:last-child').css('border','none'); 14 function auto_resize(){ 15 $('.pet_list_one_nr').height($('.pet_list_one_img').height()); 16 17  } 18 $('.pet_nav_gengduo').on('click',function(){ 19 $('.pet_more_list').addClass('pet_more_list_show'); 20  }); 21 $('.pet_head_gd_ico').on('click',function(){ 22 $('.pet_more_list').addClass('pet_more_list_show'); 23  }); 24 $('.pet_more_close').on('click',function(){ 25 $('.pet_more_list').removeClass('pet_more_list_show'); 26  }); 27 }); 28 29 </script>

 

 

3、页面内跳转？

<div data-am-widget="gotop" class="am-gotop am-gotop-fixed"> <a href="#top" title=""> <img class="am-gotop-icon-custom" src="__STUDENT__/img/goTop.png" /> </a> </div> <div class="pet_mian" id="top">

与目标处直接用id定义位置，跳转处在a标签的href属性中用#访问id即可

 

 

4、关于session和cookie？

1、在index（前台）模块登录成功的时候记录cookie和session

if($res){
    //5、登录成功，将数据存入cookie和session
    //5.1、将登录信息写入session
    session('id', $res['id']); session('username', $res['username']); session('password', $res['password']); //5.2、设置cookie cookie('id', $res['id'], 3600); cookie('username', $res['username'], 3600); cookie('password', $res['password'], 3600); if($data['status']) $this->success("即将跳转到老师界面！！",url('teacher/index/index')); else $this->success("即将跳转到学生界面！！",url('student/index/index')); }

2、其它用到cookie和session的位置

页面 {$Request.session.username}

控制器 session('username')

3、权限验证（Base控制器）中需要来判断系统中是否有cookie和session来确定是否已经登录了系统

public function _initialize()
{
    if(!session('username')){
        //如果cookie存在的话 if(cookie('username')){ //设置session session('id', cookie('id')); session('username',cookie('username')); session('password', cookie('password')); // dump(cookie('username'));die; return; } $this->error('您尚未登录系统',url('index/login/login')); } }

 

4、退出登录时销毁cookie和session中的数据

public function logout(){
    session(null);
    cookie('id', null); cookie('username', null); cookie('password', null); //退出登录清空session之后要成功跳转 $this->success('退出系统成功',url('index/index/index')); }

 

 

5、mysql解决设置默认值不显示问题（它不是为空么，你不让它为空就好）？

已有test表，表中有个case_status字段，现在给该字段设置默认值为A：

ALTER TABLE test ALTER COLUMN case_status SET DEFAULT 'A';

在定义表的时候设置字段的default就可以了，比如：
ALTER TABLE tb1
  CHANGE `type` `type` INT DEFAULT 0  NOT NULL

 

 

6、页面板块信息非常清楚，添加板块，删除板块啥的非常轻松？

比如说在个人信息和底部之间添加推荐板块，非常方便，而且丝毫丝毫不影响界面

添加板块啥的非常清楚

 

 

7、添加的板块用div容器包起来（结构清晰）？

比如说这里的修改个人信息

<div><a href="" class="am-fr am-btn am-btn-primary am-round" style="margin: 10px;">修改个人信息</a></div>

或者别的添加的板块，都用div包起来，这样结构异常清晰

 

 

8、论页面图片对页面美观的影响力？

 

 

 

二、内容在总结中

 

转载于:https://www.cnblogs.com/Renyi-Fan/p/8990094.html