个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在使用 Spring Boot 学习 AngularJS。我创建了一个 SpringBoot 项目并将其导入到 Eclipse 中，并且在不编写任何 Java 代码的情况下尝试使 AngularJS 前端模板与路由一起使用。我在项目中包含了必要的 Angular 脚本，并且我正在按照 w3schools 和 spring 网站上的教程中的方式进行所有操作。如果我仅使用 html 和 js 而不使用任何 IDE 创建一个非常简单的应用程序，那么相同的代码可以正常工作，但在 Eclipse 中会失败。
Eclipse中的项目目录:
-src/main/java
|-com.package
|---Application.java
|---ViewController.java
-src/main/resources
|---static
|-----app
|------app.module.js
|-----angular-route.min.js
|-----angular.min.js
|-----angular.min.js.map
|-----style.css
|---templates
|-----first.html
|-----index.html
|-----main.html
|-----second.html
index.html 中的导航:
<body ng-app="app">
<header class="header">
<a ng-href="#/!">Main</a>
<a ng-href="#!first">First</a>
</header>
<div>
<ng-view></ng-view>
</div>
</body>
app.module.js
var app = angular.module('app', ['ngRoute']);
app.config(function($routeProvider) {
$routeProvider
.when('/', {
template: 'main.html'
})
.when("/first", {
templateUrl: "first.html"
})
.when('/second', {
templateUrl: 'second.html'
})
.otherwise({redirectTo: '/'});
});
就像 app.config 中的第一条路线一样，如果我使用 template 而不是 templateUrl ，它在每种情况下都会正常工作。
对于每个 .html 模板，它们都包含一些虚拟代码，例如:
<p>first</p>
当我检查开发工具时，在“网络”选项卡中，我可以看到 404 作为模板请求的响应。在控制台中我可以看到如下错误消息。
Error: "[$templateRequest:tpload] http://errors.angularjs.org/1.7.8/$templateRequest/tpload?p0=%2Fsrc%2Fmain%2Fresources%2Ftemplates%2Ffirst.html&p1=404&p2="
从 AngularJS 网站我了解到这意味着路径有问题。我尝试修改路径，如 "/first.html"、"./first.html"、"/templates/first.html" 但结果是一样的。
我不明白问题是什么。任何帮助将不胜感激。
编辑:我认为添加 ViewController.java 的代码可能会有用:
@Controller
public class ViewController {
@RequestMapping("/")
public String index() {
return "index";
}
}
感谢您的任何建议。
最佳答案
一切工作正常 - 我的意思是导航 - 一旦我将所有 html 文件移动到 Eclipse 项目内的 src/main/resource/static 文件夹中。
所以项目结构应该是这样的:
-src/main/java
|-com.package
|--Application.java
|--ViewController.java
-src/main/resources
|-static
|--app
|----app.module.js
|--angular-route.min.js
|--angular.min.js
|--angular.min.js.map
|--first.html
|--index.html
|--main.html
|--second.html
|--style.css
|-templates
关于javascript - AngularJS(路由)在Eclipse中的Maven SpringBoot项目中找不到.html模板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56206538/
25
4
0
SpringBoot-Admin 服务监控 简单介绍 Spring Boot Actuator 是 Spring Boot 自带的一个功能模块， 提供了一组已经开箱即用的生产环境下常用
我想查找通过关键字匹配字段 nameEnglish 或 nameChinese 的模型列表。我花了一个多小时谷歌搜索但我做不到。请帮忙。 Springboot Mongo 入门示例 https://s
(请注意:在调查 this issue 时，我更好地发现了我在此处介绍的问题根源) 我对 Hibernate 和 SpringBoot 非常陌生。我的项目涉及一个搜索引擎，其中索引(javafx 客户
我最近有一个 Web 应用程序从 springboot 升级到 springboot 2。当我将其部署到 Tomcat 8 时，它似乎启动了，但没有完全启动。 在 localhost.2019-09-
我是 Spring boot 的新手...我在运行 Controller 时遇到问题， Description: Field todoService in com.springboot.todoCon
我有一个SpringBoot应用程序，它使用以下配置与PostgreSQL通信，通过AWS Beanstrik部署：。在我将AWS Aurora证书更新为rds-ca-ecc384-g1之前，一切都很
雪花算法的唯一性，在单个节点中是可以保证的，对应kubernetes中的应用，如果是横向扩展后，进行多副本的情况下，可能出现重复的ID，这需要我们按着pod_name进行一个workId的生成，我还是
实在是不知道标题写什么了 可以在评论区给个建议哈哈哈哈 先用这个作为标题吧 尝试使用 国内给出的 AI 大模型做出一个 可以和 AI 对话的 网站出来 使用 智普AI 只能 在控制
一、介绍 在实际的软件系统开发过程中，由于业务的需求，在代码层面实现数据的脱敏还是远远不够的，往往还需要在数据库层面针对某些关键性的敏感信息，例如：身份证号、银行卡号、手机号、工资等信息进行加密存储
Selenium Selenium是一个用于Web应用程序自动化测试的开源工具套件。它主要用于以下目的： 浏览器自动化：Selenium能够模拟真实用户在不同浏览器（如Chrome、Fire
一、简介 在实际的项目开发过程中，经常需要用到邮件通知功能。例如，通过邮箱注册，邮箱找回密码，邮箱推送报表等等，实际的应用场景非常的多。 早期的时候，为了能实现邮件的自动发送功能，通常会使用 Ja
SpringBoot：基于redis自定义注解实现后端接口防重复提交校验 一、添加依赖 org.springframework.boot spring
SpringBoot：使用Jackson完成全局序列化配置 一、测试准备 com.fasterxml.jackson.core jackson-cor
springboot：整合rocketmq 一、简易消息操作 生产者整合mq 导入依赖 org.springframework.boot
springboot：常用注解 一、spring常用注解 包扫描+组件标注注解 @Component：泛指各种组件 @Controller、@Service、@Repository都可以称为@Comp
我们经常需要在两个系统之间进行一些数据的交互，这时候我们就需要开发数据交互接口。 一般来说，遇到比较多的接口有HTTP接口、WebService接口、FTP文件传输。今天我要来学习一下在SpringB
背景 近期项目上线，甲方要求通过安全检测才能进行验收，故针对扫描结果对系统进行了一系列的安全加固，本文对一些常见的安全问题及防护策略进行介绍，提供对应的解决方案 跨站脚本攻击 XSS常发生于论坛评论等
1.排除 Spring-boot-starter 默认的日志配置 将原本的 spring-boot-starter 改为 org.springframework.boot
springboot：解决跨域问题 一、跨域简介 URL的组成: // 协议 + 域名（子域名 + 主域名） + 端口号 + 资源地址 http://www.baidu.com:8080/ 只要协
一、自定义Starter 的思路： 创建一个Maven工程，创建三个模块 一个模块为demo-app，一个模块为demo-module，一个模块为demo-module-springboot-star
我是一名优秀的程序员,十分优秀！