Tag: angularjs

为AngularJS + Spring MVC网站生成静态SEO页面

我有一个使用Spring MVC + AngularJS的项目。 所有数据都是动态的。 在这个应用程序中有一些大的位置数据库。 出于搜索引擎优化的目的, 需要为每个位置生成一个静态页面并将它们放在SEO友好的URL上 (例如/ localhost / path1 / path2 / here-is-very-friendly-name) 制作它的最佳方法是什么? 我应该单独生成一个页面并将它们放在主应用程序的某个单独的文件夹中(如果是,最好的方法是什么?),或者我可以使用Spring / Angular吗? (有关其他信息) 每个位置的对象包含id , name , latitude , longtitude , address , district , city , country 。

Spring文件上传 – 获得预期的MultipartHttpServletRequest:是否配置了MultipartResolver? 错误

我正在尝试使用angular-file-upload在我的Angular Web应用程序中合并多个文件上传function。 目前,前端function有效,但每次上传尝试都会抛出一个 java.lang.IllegalStateException,java.io.IOException]: java.lang.IllegalArgumentException: Expected MultipartHttpServletRequest: is a MultipartResolver configured? 例外。 上传控制器定义为 @Controller @PropertySource(“classpath:application.properties”) public class FileUploadController { @Resource private Environment env; @RequestMapping(value = “/fileupload”, method = RequestMethod.POST) @ResponseBody public List fileUpload(@RequestParam(“file”) MultipartFile[] uploadFiles) throws IllegalStateException, IOException { //file processing logic } } 在我的AppConfig.java类中,我声明了bean @Bean public CommonsMultipartResolver commonsMultipartResolver(){ CommonsMultipartResolver commonsMultipartResolver = new CommonsMultipartResolver(); commonsMultipartResolver.setDefaultEncoding(“utf-8”); […]

如何正确地向服务器validationAngularJS客户端

我正在构建一个使用RESTful API(Jersey)的AngularJS Web应用程序。 在服务器端,我使用的是Java Application Server(详见Glassfish 4)。 我的设置如下: AngularJS webapp作为单个war文件部署到Java EE Application服务器。 RESTfulAPI(和后端逻辑)也作为war文件部署到同一Java EE应用程序服务器。 AngularJS webapp调用REST API来获取所需的数据。 RESTful API: /api/public/*用于公共访问限制(例如/ api / public / users / signup注册为新用户)。 允许任何用户访问此区域。 无需登录 /api/private/*用于限制访问(例如/ api / private / account / {id}以检索某些帐户特定数据) 私有资源受Java EE内部安全性概念的保护(有关web.xml的详细信息,请参阅下文)。 在web.xml PRIVATE REST API /private/* GET POST HEAD PUT OPTIONS TRACE DELETE Have to be a […]

运行grunt和tomcat服务器的Web App(Spring,Angular,Grunt,Maven,Tomcat)

好的,所以我一直在阅读其他几个堆栈问题并尝试将它们拼凑在一起而没有太多运气。 基本上我的方法是我目前有一个项目有多个子项目。 我基本上有以下几点: root |—-backend |—-|—-src |—-|—-|—-main |—-|—-|—-|—-java (individual java files not shown) |—-|—-|—-|—-resources |—-|—-|—-|—-|—-META-INF |—-|—-|—-|—-|—-|—-applicationContext.xml |—-|—-|—-|—-webapp |—-|—-|—-|—-|—-WEB-INF |—-|—-|—-|—-|—-|—-web_servicesConfig.xml |—-|—-|—-|—-|—-|—-web.xml |—-|—-pom.xml |—-deploy |—-|—-src |—-|—-|—-main |—-|—-|—-|—-resources (properties files for tomcat) |—-|—-pom.xml |—-frontend |—-|—-app |—-|—-|—-angular files |—-|—-bower_components |—-|—-|—-bower files |—-|—-bower.json |—-|—-Gruntfile.js |—-|—-pom.xml 好的希望在文件结构上足够清楚。 我打算使用maven-grunt-plugin,所以我可以在前端运行我的grunt命令。 前端基本上与角度产生的设置相同或者至少是目标。 部署只是设置tomcat,后端保存Spring 4 restful services / api。 好的,这就是我很困惑并寻求帮助。 我不知道如何让前端与后端正常工作。 基本上我想知道是否有办法告诉maven以开发模式启动Tomcat和Grunt服务器,以便我可以使用它们的两个function来快速开发我的项目,然后将min文件拉入生产构建的战争中。 我想我无法弄清楚如何让一切都很好地融合在一起。 我查看了这个问题,但是我仍然感到困惑: 如何在同一个域/服务器上部署AngularJS […]

将jhipster后端和前端分成两个项目?

我正在尝试使用基于令牌的身份validation的jhipster 。 它完美地运作。 现在, 我想在不同的域上运行后端和前端代码 。 我怎样才能做到这一点? 这是我试过的: 运行yo jhipster并选择基于令牌的身份validation选项: Welcome to the JHipster Generator ? (1/13) What is the base name of your application? jhipster ? (2/13) What is your default Java package name? com.mycompany.myapp ? (3/13) Do you want to use Java 8? Yes (use Java 8) ? (4/13) Which *type* of authentication […]

避免使用keycloak默认登录页面并使用项目登录页面

我正在创建一个angular.js Web应用程序,并寻找如何将keycloak集成到项目中。 我已阅读并观看了许多教程,我发现其中大多数用户都通过keycloak的默认登录页面登录/注册,然后重定向到应用程序。 我设计了自己的登录和注册页面,我想使用它。 我如何使用它们而不是keycloak默认值。 有没有我可以调用的API,或者可能是我的后端会这样做? 我还看到有适用于keycloak的弹簧适配器,我可以使用它们吗? 任何示例的任何链接都是好的。 我的第二个问题是注册时我可以在keycloak添加更多用户详细信息,如地址,dob,性别吗? 因为我的注册页面需要这些信息。

Java Server – 使用POST发送Push到Google Firebase Cloud

在我测试推送通知正在与Postman合作时,我想在我的应用程序中发送消息时向FCM发送推送请求。 调用的函数将转到我的Java服务器并调用如下函数: @POST @Consumes(MediaType.APPLICATION_JSON) public Response sendMsg(Message m) throws ExceptionFacade { … } 因此,每次调用此函数时,我都希望使用json向https://fcm.googleapis.com/fcm/send发送POST请求。 我想知道是否已经为java服务器准备好了代码? 还有一些帮助如何实现它。 另外我不明白我是否可以使用php文件来执行此操作(我发现这样的内容https://github.com/Paragraph1/php-fcm )。 我正在使用angularjs。 感谢你们 !

spring安全吃angularjs POST请求

使用spring security自定义登录表单时,我从UI传递的参数在HttpServletRequest中无法访问。 class StatelessLoginFilter extends AbstractAuthenticationProcessingFilter { private final TokenAuthenticationService tokenAuthenticationService; private final CustomJDBCDaoImpl userDetailsService; protected StatelessLoginFilter(String urlMapping, TokenAuthenticationService tokenAuthenticationService, CustomJDBCDaoImpl userDetailsService, AuthenticationManager authManager) { super(new AntPathRequestMatcher(urlMapping)); this.userDetailsService = userDetailsService; this.tokenAuthenticationService = tokenAuthenticationService; setAuthenticationManager(authManager); } @Override public Authentication attemptAuthentication(HttpServletRequest request, HttpServletResponse response) throws AuthenticationException, IOException, ServletException { final UsernamePasswordAuthenticationToken loginToken = new UsernamePasswordAuthenticationToken( request.getAttribute(“email”).toString(), request.getAttribute(“password”).toString()); […]

即使存在所有CORS标头,也会出现跨源资源共享问题

即使我已经通过以下提供的CORS标头添加了我的服务响应: resp.setContentType(“application/json”); resp.addHeader(“Access-Control-Allow-Origin”, “*”); resp.addHeader(“Access-Control-Allow-Credentials”, “true”); resp.addHeader(“Access-Control-Allow-Methods”, “GET,POST,OPTIONS”); resp.addHeader(“Access-Control-Allow-Headers”, “Origin,accept,content-type”); resp.flushBuffer(); 在尝试通过我的AngularJS前端访问服务中的一些POST Web方法时,我仍然在控制台中出现以下错误。 XMLHttpRequest cannot load http://192.***.*.***:8080/abc/def/search/vehicleManufacturer. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://192.***.*.***:8085′ is therefore not allowed access. 但是在同一个类中,一些没有任何有效负载的POST方法完全响应。 有什么建议 ? 编辑———> 下面是我用于调用web方法的AngularJS客户端屏幕代码: – getVehicleModel : function(searchData,$scope){ $http({ method:’POST’, url:’http://192.169.*.***:8085/abc/def/search/vehicleModel’, dataType:’jsonp’, data:searchData }). success(function(data){ console.log(“vehicle model”) $scope.vehicleModel = data.Response; }); […]

Angularjs文件上传无法正常工作

Java控制器类: @RequestMapping(value = “/upload” , method = RequestMethod.POST , consumes=”multipart/form-data”) public void upload(@RequestParam MultipartFile file1) { System.out.println(“*****”+ file1); } html文件: upload me 角js: $scope.uploadFile = function(){ var file = $scope.myFile; console.log(‘file is ‘ + JSON.stringify(file)); var fd = new FormData(); fd.append(‘file’, file); var resource = /upload; $http.post(resource, fd, { transformRequest: angular.identity, headers: {‘Content-Type’: undefined} }).success(function(){ […]