AJAX基本内容学习

通过HTTP请求 加载远程数据 这里指的是jQuery对ajax的实现
  参数：
    url       String 发送请求的地址
    type      POST、GET 默认值（GET）  PUT DELETE也可以使用 但是兼容性可能不太好 部分浏览器支持
    options   Object    进行ajax请求的设置
    async     Boolean   默认值为true代表异步操作 如果你需要同步请求，设置为false，浏览器会被锁住，后续操作必须等请求完成   将异步操作同步化的一个配置
    success   function  请求成功后的回调函数  参数就是由服务器返回的内容
    error     function  请求失败时的回调函数  参数 XMLHttpRequest对象、错误信息、捕获的异常对象
  方法：
    $.get
    $.post

项目
  1. 上传本地文件xxtx.jar到云服务器
    方式1：通过命令行上传 
    方式2：其他软件 filezilla等软件
    建议上传到用户家目录下 方便查找 /jar  
    运行jar包(jdk)
      java -jar xxtx.jar (此时不能关闭终端，关闭后服务也会停止) 可以查看实时日志
    后台运行：
    nohup java -jar xxtx.jar &  日志默认在nohup.out文件中
      需要打开浏览器的防火墙（安全组）(8888)
    打开浏览器 查看swagger页面
      http://203.195.246.58:8888/swagger-ui.html#/
  2. 云服务器数据库配置
    mysql 5.7
      卸载8+ 去mysql官网 下载5.7
      sql文件
    mysql -V
    通过 navicat 连接数据库,用root身份
      Host:自己的服务器ip
      Port:3306
      User Name:  root
      Password:   root
    创建数据库
      数据库名：xxtx
      字符类型：utf8
    运行sql文件
      在数据库xxtx上右击 然后选运行sql文件
      导入表格和数据
    给当前云服务器的数据库创建用户jacky
      用户配置
        用户名：jacky
        Host：%     （Host指的是当前用户可以通过哪个ip登录到我的数据库，%指的是 所有ip都可以）
        密码：jacky
        确认密码：jacky
      权限配置
        授予 xxtx 数据库的所有权限

    通过navicat连接数据库,用jacky身份
      Host:自己的云服务器地址
      Port:3306
      User Name:  jacky
      Password:   jacky

      检查jacky用户有没有xxtx数据库的权限

    后台开发
      数据结构设计 创建数据库 java jdbc  数据库xxtx 用户名jacky 密码jacky 配置数据库的信息  生成类、查询数据 
  3. 继续完善项目 在day02文件夹

画布
  canvas 
    属于html元素 H5新元素 需要结合js 用来绘制图形
    在页面上放置一个canvas元素 就相当于放置了一块画布
    可以绘制路径 矩形 圆形 字符 图像
    属性：
      width    默认值 300px
      height   默认值 150px
      注意点：canvas需要写闭合标签
      <canvas></canvas>
      一般不建议使用css设置它的宽高
    方法：
        var ctx = canvas.getContext('2d');
        ctx.fillStyle = 'green';
        ctx.fillRect(10, 10, 20, 20);
      fillRect(x,y,width,height)
          绘制一个矩形图案（填充）
      strokeRect(10, 60, 50, 50)
          绘制矩形边框
      clearRect(10, 10, 100, 100)
        清除指定矩形区域，让清除部分完全透明
      beginPath()
        新建一条路径
        然后通常会使用moveTo去设置你的起始位置
        然后去绘制
      closePath()
        闭合路径
        如果我们绘制的路径自己就是闭合的 那我们不需要调用这个方法
      fill()
        填充路径的内容区域 可以不用 closePath()
      stroke()
        通过线条绘制图形轮廓 需要使用 closePath()
      moveTo()

      lineTo()
        绘制直线
      arc(x,y,r,startAngle,endAngle,anticlockwise)

        anticlockwise:默认顺时针方向
      
      fillStyle()
        控制色彩
        颜色值 red #000999 rgb rgba 
      strokeStyle()

      lineWidth