angular.js - 有没结合使用AngularJS和spring前后端分离开发的例子?介绍
PHPz
PHPz 2017-05-15 16:51:49
0
1
745

最近在学习使用AngularJS与后端结合开发,有使用过的前辈能不能介绍下,或者给个简单的例子学习学习

PHPz
PHPz

学习是最好的投资!

全員に返信(1)
巴扎黑

Java 側は jsp を完全に放棄し、代わりに API を開発し、json データを返しますjsp改为开发api,返回json数据

然后view就独立出一个res文件夹存放angular项目,实际上是纯前端,可以放在任何地方跨域运行

两端协商好api就可以了

  • update
  1. 这是前端目录结构,文件夹就叫webapp
  2. 这是后端main下的目录
  • 关于部署
    部署的话后端直接打个war包发布就可以了吧,因为是前后端分离的,你部署可以只考虑后端啊,前端放在哪里应该都一样的,我这个是放在java项目下面,其实后端在远端服务器,这个webapp目录拿出来放在自己电脑上解决跨域也可以跑起来的,因为已经分离了嘛
  • 关于运行
    访问的话只访问前端html页面了,因为angular是去后端拿的json数据,整体打包跑tomcat或者单独把webapp拿出来跑nginx
  • その後、ビューは Angular プロジェクトを保存するための別の res フォルダーを作成します。これは実際には純粋なフロントエンドであり、どこにでも配置してドメイン間で実行できます。
両端間で API をネゴシエートするだけです

  • 更新 🎜
  • これはフロントエンドのディレクトリ構造で、フォルダーは webapp と呼ばれます
    🎜
  • これはバックエンド main の下のディレクトリです
    🎜
    • 導入について
      デプロイするときは、バックエンドの war パッケージを作成して公開するだけです。フロントエンドとバックエンドは分離されているため、フロントエンドはどこに配置されても同じである必要があります。これは私のものです。実際、バックエンドはリモートサーバー上にあり、クロスドメイン実行の問題を解決します。 、別れたから🎜
    • ランニングについて
      Angular はバックエンドに移動して json データを取得し、パッケージ全体がパッケージ化されて tomcat を実行するため、アクセスするときはフロントエンド HTML ページにのみアクセスします。または webapp を個別に取得すると、nginx を実行できるはずです🎜。 🎜 🎜追伸: 私は Java をやっていません。質問がある場合は、続けて質問してください。
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート