#添加阿里源
deb http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse
deb http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-security main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-updates main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-proposed main restricted universe multiverse
deb-src http://mirrors.aliyun.com/ubuntu/ bionic-backports main restricted universe multiverse

# 首先要把服务器语言修改了，查看当前语言
> echo $LANG 
# 如果显示zh-cn.UTF-8 那么恭喜我自己，不用换了，否则查看本地语言
> locale
# 如果很遗憾，没有zh-cn.UTF-8 则需要手动安装
> sudo apt-get install  language-pack-zh-han*
# 支持检查
> sudo apt install $(check-language-support)
# 修改配置文件和环境文件
> vim /etc/default/locale 
> vim /etc/environment 

LANG="zh_CN.UTF-8"
LANGUAGE="zh_CN:zh"
LC_NUMERIC="zh_CN"
LC_TIME="zh_CN"
LC_MONETARY="zh_CN"
LC_PAPER="zh_CN"
LC_NAME="zh_CN"
LC_ADDRESS="zh_CN"
LC_TELEPHONE="zh_CN"
LC_MEASUREMENT="zh_CN"
LC_IDENTIFICATION="zh_CN"
LC_ALL="zh_CN.UTF-8"

[global]
index-url = http://mirrors.aliyun.com/pypi/simple/

# 安装jupyter lab
> pip3 install jupyter
# 生成配置文件
> jupyter notebook --generate-config
# 生成密钥
# 修改配置文件vim ~/.jupyter/jupyter_notebook_config.py
c=get_config()
c.IPKernelApp.pylab ="inline"
c.NotebookApp.ip='*'                # 设置所有ip皆可访问
c.NotebookApp.password = 'sha1:x'   # 刚生成的密文
c.NotebookApp.open_browser = False  # 禁止自动打开浏览器
c.NotebookApp.port = 9999           # 指定运行端口
c.NotebookApp.notebook_dir = '/home/apollo3d/tf/jupyter_home' # 指定Jupyter的工作目录

# apache2
> sudo apt-get install apache2
# php7.2
> sudo apt-get install php7.2
# MySQL
> sudo apt-get install mysql-server
# phpmyadmin
sudo apt-get install phpmyadmin
# /var/www目录的权限方便日后编辑网站文件
sudo chmod 777 /var/www

# 重启Apache2
> sudo /etc/init.d/apache2 restart
# 并且要求能够被用户访问的页面都设置成755权限
> sudo chmod 755 /usr/lib/cgi-bin/*

$.ajax({
  type: 'get',//接口规定，只能用get
  async: true,//异步
  url: 'https://apis.map.qq.com/ws/location/v1/ip',//接口地址
  data: {'key':'API-key' ,'output':'jsonp'},//参数格式必须用到output传参为jsonp，否则会报跨域问题
  dataType: 'jsonp',//跨域，必须用到jsonp
  success: function(result){
        //console.log(JSON.stringify(result));
        output.IP=result['result']['ip'];//数据提取
        output.country=result['result']['ad_info']['nation'];
        output.province=result['result']['ad_info']['province'];
        output.city=result['result']['ad_info']['city']
        output.district=result['result']['ad_info']['district'];
        if (output.city=='') output.city='未知城市';
        if (output.district=='') output.district='未知地区';
        document.getElementById('userinfo').innerHTML='欢迎访问:'+output.IP+' '+output.Browser+' '+output.OS+
        ' '+output.digits+' '+output.country+' '+output.province+' '+output.city+' '+output.district+' ';
        document.getElementById('userip').innerHTML=output.IP;
        document.getElementById('userbrowser').innerHTML=output.Browser;
        document.getElementById('useros').innerHTML=output.OS;
        document.getElementById('num1').innerHTML=usernum;
        document.getElementById('num2').innerHTML=usernum;
        var json =JSON.stringify(output);//使用JSON将对象转换成JSON格式数据
        var xhr = new XMLHttpRequest;
        xhr.open('post', './all.php');
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
        xhr.send('user=' + json);
//Content-Type设置成application/x-www-form-urlencoded情况下请求主体可以用key1=value1&key2=value2的形式发送数据
        xhr.onreadystatechange = function() {
                if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status ==304))  //响应完成并且响应码为200或304
                    console.log('OK');
        }
    },

var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    // The type of chart we want to create
    type: 'line',

    // The data for our dataset
    data: {
        labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
        datasets: [{
            label: 'My First dataset',
            backgroundColor: 'rgb(255, 99, 132)',
            borderColor: 'rgb(255, 99, 132)',
            data: [0, 10, 5, 2, 20, 30, 45]
        }]
    },
    // Configuration options go here
    options: {}
});