winney

It is never too old to learn.

0%
winney

发表于 更新于 分类于 ，

注：如果重新有问题，启动服务一直是黄色，可以卸载了wamp，然后重启电脑，再重装

phpmyadmin默认SQL账号密码:

1
账号：root，密码为空

phpmyadmin默认SQL账号密码

虚拟目录的配置

修改默认网站目录

第一步：修改d:\wamp\bin\apache\Apache2.4.9\conf\httpd.conf

1
2
3
4
查找： DocumentRoot "c:/wamp/www/"
修改： DocumentRoot "d:/www/"
查找： <Directory "c:/wamp/www/">
修改： <Directory "d:/www/">

第二步：修改wampmanager.ini和wampmanager.tpl

1、修改c:\wamp\wampmanager.ini:

1
2
3
(1)打开：c:\wamp\wampmanager.ini
(2)查找：Type: item; Caption: "www 目录"; Action: shellexecute; FileName: "c:/wamp/www"; Glyph: 2
(3)修改：Type: item; Caption: "www 目录"; Action: shellexecute; FileName: "d:/www"; Glyph: 2

2、修改c:\wamp\wampmanager.tpl：

1
2
3
(1)打开：c:\wamp\wampmanager.tpl
(2)查找：Type: item; Caption: "${w_wwwDirectory}"; Action: shellexecute; FileName: "${wwwdir}"; Glyph: 2
(3)修改：Type: item; Caption: "${w_wwwDirectory}"; Action: shellexecute; FileName: "d:/www"; Glyph: 2

修改默认项目目录

1、修改httpd.conf:

1
2
DocumentRoot "D:/Work/"
<Directory "D:/Work/">

2、修改httpd-vhost.conf:

1
2
3
4
5
6
7
8
9
10
<VirtualHost *:80>
	ServerName localhost
	ServerAlias localhost
	DocumentRoot D:/Work/
	<Directory  "D:/Work/">
		Options +Indexes +Includes +FollowSymLinks +MultiViews
		AllowOverride All
		Require local
	</Directory>
</VirtualHost>

本地项目-配置服务器访问

1、配置host（C:\Windows\System32\drivers\etc）

例如：

1
2
127.0.0.1       localhost
192.168.1.49    www.web.com

2、配置httpd-vhosts.conf（wampserver\bin\apache\apache2.4.23\conf\extra\httpd-vhosts.conf）

例如：

1
2
3
4
5
6
7
8
9
10
11
12
13
#
listen 8081
<VirtualHost *:8081>
    ServerName www.web.com
    DocumentRoot "E:/wampserver/www/web"
    <Directory "E:/wampserver/www/web">
      Options Indexes FollowSymLinks
      AllowOverride All
      Order allow,deny
      Allow from all
    </Directory>
</VirtualHost>
#

3、访问的时候，使用www.web.com来访问本地项目

Apache相对路径文件的放置

Apache相对路径文件的放置

权限问题——配置

修改wamp\bin\apache\apache2.4.23\conf\http.conf 文件

将Require all denied 注释掉，改为Require all granted

1
2
3
4
5
<Directory />
    AllowOverride none
    #Require all denied
    Require all granted
</Directory>

权限问题

工作目录-路径问题——配置

修改wamp\bin\apache\apache2.4.23\conf\http.conf 文件

将DocumentRoot "${INSTALL_DIR}/www" 和 <Directory "${INSTALL_DIR}/www/"> 注释掉，更改了工作目录的路径

1
2
3
4
5
#DocumentRoot "${INSTALL_DIR}/www"
#<Directory "${INSTALL_DIR}/www/">

DocumentRoot "E:/work"
<Directory "E:/work/">

工作目录-路径问题

手机访问问题——配置

修改wamp\bin\apache\apache2.4.23\conf\http.conf 文件

在Require local 前面加上Require all granted 和 Allow from all

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<Directory "E:/work/">
    #
    # Possible values for the Options directive are "None", "All",
    # or any combination of:
    #   Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews
    #
    # Note that "MultiViews" must be named *explicitly* --- "Options All"
    # doesn't give it to you.
    #
    # The Options directive is both complicated and important.  Please see
    # http://httpd.apache.org/docs/2.4/mod/core.html#options
    # for more information.
    #
    Options +Indexes +FollowSymLinks +Multiviews

    #
    # AllowOverride controls what directives may be placed in .htaccess files.
    # It can be "All", "None", or any combination of the keywords:
    #   AllowOverride FileInfo AuthConfig Limit
    #
    AllowOverride all

    #
    # Controls who can get stuff from this server.
    #
    Require all granted
    Allow from all

#   onlineoffline tag - don't remove
    Require local
</Directory>

手机访问问题

发表于 更新于 分类于 ，

jsTree

清除上次操作记录

需求：当进来页面时，页面只展开第一级目录

jstree只展开第一级目录

目前存在问题：当用户在树上操作了置换，重新刷新页面，进来置换，依然保持上次操作后的状态，如图：

依然保持上次操作后的状态

解决方法：

在changed.jstree事件里面，让树重新刷新

1
2
3
$('#jstree_demo_div').on("changed.jstree", function (e, data) {
      $('#jstree_demo_div').jstree('refresh');
 });

写法1：

1
$('#treeId').jstree(true).refresh();

写法2：

1
$('#jstree_demo_div').jstree('refresh');
只展开第一级目录
1
2
data[0].state.opened = true;
rendertree_group_admin(data);

state.opened是控制展开还是收起，设置第一级的state.opened为true。

结合（解决jstree初始状态只展开第一级目录）

1
2
3
4
5
on('changed.jstree', function (e, data) {
    // 清除树用户之前的操作记录
    $('#group_ admin').jstree('refresh');
    .....
}
1
2
3
4
5
6
7
8
9
10
success: function (ret){
    if (ret.hasOwnProperty("code")) {
    	var data = ret.hasOwnProperty("data") && ret.data != "" ? ret.data : "";
        if (ret.code === 1) {
            $("#group_admin").jstree("destroy");
            data[Ø].state, opened = true;
            rendertree_group_admin(data);
         }
    }
}

存在bug：

1
2
3
4
5
6
// 获取是否刚登录进来页面
var isFirst = localStorage.getItem('loginInPage');
if(isFirst == 'true'){
	// 清除树的用户之前的操作记录
	$('#group_admin').jstree('refresh');
}
展开全部
1
$("#group_admin").jstree("close_all");
收起全部
1
$("#group_admin").jstree("open_all");

发表于 更新于 分类于 ，

修改导出excel表表头的表名

  1. 默认情况下，标题显示为Chart

    标题显示为Chart

  2. 加上title属性之后，标题显示为title属性的值

    标题显示为title属性的值

  3. 如果不想标题显示在页面中，就加样式：

    1
    2
    3
    .highcharts-title{
        display:none;
    }

修改下载的excel表名

设置title对象的text属性为图表的名称

1
2
3
title: {
    text: filename
},

若不想表名显示在页面的图表中，可以用样式将它隐藏

1
display：none

修改导出后的excel表的第一列的标题Category

  1. 第一列的标题默认是Category

    第一列的标题默认是Category

  2. 修改modules 中的export-data.src.js（导出excel表功能的js，未压缩版）

    调试可知，dataRows的值决定了标题的显示；而dataRows的值由topHeaders和subHeaders决定，所以动态将它的值修改。

    修改modules 中的export-data.src.js

  3. 给options添加一个excelTitle0属性值

    1
    2
    topHeaders[0] = this.options.exporting.excelTitle0;
    subHeaders[0] = this.options.exporting.excelTitle0;    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    // Find longest row
    for (var i = 0, len = rows.length; i < len; ++i) {
    	if (rows[i].length > rowLength) {
    		rowLength = rows[i].length;
    	}
    }
    topHeaders[0] = this.options.exporting.excelTitle0;
    subHeaders[0] = this.options.exporting.excelTitle0;
    // Add header
    html += getTableHeaderHTML(
    	topHeaders ,
    	subHeaders ,
    	Math.max(rowLength, subHeaders.length)
    );

  4. 在下载excel表格之前，动态设置excelTitle0属性

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    function getCategory() {
    	var category = $(this).data("category");
    	if(category == "" || category == undefined){
    		var val = $("#dateRange").val();
    		var start = val.substring(0, 10);
    		var end = val.substring(13, 24);
            // 算两个日期之间的间隔
            var inter = getDays(start, end);

            if(inter = 0) {
                category = "小时";
            } else {
                category = "日期";
            }
         }
        return category;
    }


    Highcharts.charts[chartId].options.exporting.excelTitle0 = getCategory.call(this);

修改数据表格category值

修改数据表格category值

修改数据表格category值

1、给点击按钮加上data-category属性：

1
2
3
4
5
6
<div class="eptWrap rc" data-chart="Ø" data-category="渠道">
    <span class= "eptList" ></span>
</div>
<div class"eptwrap ml10 down-file" data-chart="0" data-category="渠道">
    <span class="eptout"></span>
</div>

2、重新调用hightcharts修改category属性的方法：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function getCategory() {
	var category = $(this).data("category");
	if(category == "" || category == undefined){
		var val = $("#dateRange").val();
		var start = val.substring(0, 10);
		var end = val.substring(13, 24);
        // 算两个日期之间的间隔
        var inter = getDays(start, end);

        if(inter = 0) {
            category = "小时";
        } else {
            category = "日期";
        }
     }
    return category;
}


Highcharts.charts[chartId].options.exporting.excelTitle0 = getCategory.call(this);

修改条形图柱子的宽度

1
2
3
4
5
plotOptions: {
  bar: {
     maxPointWidth: 20
  }
}

修改条形图柱子的宽度

在条形图柱子后面加上数值

1
2
3
4
5
6
7
8
plotOptions: {
  bar: {
     dataLabels: {
     	enabled: true,
     	allowOverlap: true   // 允许数据标签重叠
     }
  }
}

在条形图柱子后面加上数值

将Highcharts图表数据生成Table表格

重绘