vue とサーブレットのフロントエンドとバックエンドの分離 (レビュー)

1.Vueのレビュー

1. vue を使用する手順:

(1) vue.js をインポートします
(2) ID 値を指定して、body を除く最大の div タグを作成します
(3) vue オブジェクトを作成します

 new Vue({
    
    
           el:"#app",
           data:{
    
    }//定义变量
           methods:{
    
    } //定义方法

2. Vue の構文:

v-bind:value(:value),v-model:value="",v-if,v-show,
v-for的使用及用途
  {
   
   {}}插值表达式
1、v-bind单项数据绑定 
<input v-bind:value= "***">
2、v-model双向数据绑定 
<input v-model= "***">
同步更改data里面的***值(只能运用在表单元素中) 
3、v-model相当于value的效果

2 つ、サーブレットと Tomcat

サーブレットは Java プログラムであり、HTTP リクエストを受信できるJava クラスであるため、HTTP リクエストを実装する必要があります
。JavaEE ライブラリには、 HTTP プロトコルを実装するクラスjavax.servlet.http.HttpServletがあります。作成するクラスは必要なものだけですこの HttpServlet クラスを継承します。HTTP プロトコルが実装され、HTTP リクエストを受け入れることができます。

javax.servlet.http.HttpServlet を継承したクラスを作成し
、HttpServlet を継承して HTTP リクエストを受信できるようにします。このようなクラスを、作成した
サーブレット クラスで名前を付けた***サーブレット形式に似たサーブレット クラスと呼び、doPost を書き換えます/doGet はさまざまなユーザー要求を処理するために使用されます

サーブレット構成

作成したサーブレット クラスに @WebServlet アノテーションを追加し、アノテーションの後のパラメータで URL を構成します。URL も / で始まる必要があります。

//每一个类,继承HttpServlet,该类就是一个Servlet,每一个servlet都有一个访问路径
@WebServlet("/deptC")
public class DeptC extends HttpServlet {
    
    
    //引入service层
    private IDeptService deptService=new DeptServiceImpl();
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    
    
        System.out.println("测试访问doget...");
        var list = deptService.list();
        System.out.println(list);
        //数据转化成json格式,再响应给游览器
        JsonUtil.transJson(list,resp);
    }

ここに画像の説明を挿入
ここに画像の説明を挿入

Tomcatの設定
![](https://img-blog.csdnimg.cn/8fbacb8233c946b494d8248dcf8e9b79.png

Tomcat がユーザーのリクエストに応答するプロセスは次のとおりです。

1. ユーザーはブラウザを通じて Tomcat (Web サーバー) に HTTP リクエストを送信します。
2. Tomcat はリクエストを受信すると、リクエスト情報をサーブレット コンテナに送信し、サーブレット コンテナにリクエスト オブジェクトとレスポンス オブジェクトを与えます。
3. サーブレット コンテナはサーブレットをロードし、最初にサーブレット インスタンスを作成します。次に、サーブレット インスタンスに次のように指示します。ここにはユーザーのリクエスト オブジェクトとレスポンス オブジェクトがあるので、それを処理できます。
4. サーブレットインスタンスは、リクエストオブジェクトからクライアントのリクエスト情報を取得し、対応する処理を実行します。
5. サーブレットインスタンスは処理結果を応答オブジェクトに渡し、応答オブジェクトを通じてクライアントに送信します。
ここに画像の説明を挿入
注:
リクエスト オブジェクト: HttpServletRequest
レスポンス オブジェクト: HttpServletResponse

おすすめ

転載: blog.csdn.net/2201_75506216/article/details/131688497