JavaWebDay3

发布时间 2023-12-17 20:50:37作者: sixsix666
一:Ajax

       同步与异步的区别主要就在于服务器处理的时候异步可以继续执行其他操作

 

     1:  Axious

          

         **  1.通过get请求后要再定义一个than函数用来接收数据

      result相当于所请求后存储的对象名

               get相当于获取数据,而get相当于为删除数据

 

 

          上图中result.data表明获取请求回来后的对象的数据

   

           this表明为当前所属对象当中的变量 如下图就是当前vue对象当中的emps

 

 

二:前后端分离开发 

 

三:前端工程化

       

          vue项目的创建(通过命令提示符中输入)

     

         创建后的目录

   

 

            vue项目的启动

              

 

            

 

               

四:vue组件库Element

    1.入门

 

安装时是基于一个vue项目的基础上在该项目安装(如下图)

  

   

 

   引入组件库可根据element的官网中的快速入门中描写的对于在main.js该如何导包等描写

    复制组件代码可以放在views目录下

之后在element下在创建一个vue的文件并和上一个一样vue文件的组成一样,之后复制的代码写在template里面

此时运行还是显示不了因为默认展示的是App.vue这个根组件所以若想展示需要把element导到App.vue中

导的方法为在template中div内输入element-view这个标签同时会在script中自动导包

   

 vue路由:即路由中的hash与组件的对应关系

在router下的index.js下进行定义

上面的为两种不同定义的方法,path代表访问的地址 name则为其路由的名字,component为其要访问的组件

 

打包部署

npm脚本中的build进行打包操作,打包后会存放在vue项目下的dist中

 

部署:运用nginx服务器进行部署操作

将打包好的dist目录下的文件复制到nginx安装目录下的html里

nginx默认访问端口为80,若被占用可在nginx安装目录下的conf里的nginx.conf修改端口值

90为其端口号