#java #angularjs #mongodb #spring-boot
#java #angularjs #mongodb #весенняя загрузка
Вопрос:
Я разрабатываю новое программное обеспечение для управления библиотеками с spring boot, angular js и MongoDB в качестве серверной части. Я хочу выполнить операцию crud в MongoDB с этим приложением, и для этого я ссылаюсь на какой-то проект с открытым исходным кодом, с помощью которого я могу успешно выполнять операции создания и чтения, но не могу выполнять операции удаления и обновления, так как могу выполнить Я также внес некоторые изменения для удаления обновления, но не могу выполнить с этим, так что скажите мне, как это сделать.для выполнения удаления необходимо выполнить изменения.Я добавил это как свое собственное в mybooks.html но элемент не удаляется. для этого были внесены некоторые изменения в mybooks.html и hello.js для операции удаления, но элемент не удаляется
<td><form ng-submit="controller.delete()">
<div class="form-group">
<input type="submit" class="btn btn-default btn-lg" value="Delete">
</div>
</form></td>
bookrestcontroller.java
package com.sezin.controller;
import com.sezin.model.Book;
import com.sezin.repository.BookRepository;
import com.sezin.repository.UserAccountRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.servlet.mvc.condition.RequestConditionHolder;
import java.util.List;
/**
* Created by sezin on 3/23/16.
*/
@RestController
@RequestMapping("/api/books")
public class BookRestController {
@Autowired
BookRepository repository;
@Autowired
UserAccountRepository userAccountRepository;
@RequestMapping(method = RequestMethod.GET)
public List<Book> getAllBooks(){
return repository.findAll();
}
@RequestMapping(value = "/getByTitle/{title}", method = RequestMethod.GET)
public Book getBookByTitle(@PathVariable String title){
return repository.findByTitle(title);
}
@RequestMapping(value = "/getByAuthor/{author}", method = RequestMethod.GET)
public List<Book> getBooksByAuthor(@PathVariable String author){
return repository.findByAuthor(author);
}
@RequestMapping(value ="/getAll/{userName}", method = RequestMethod.GET)
public List<Book> getBooksByUserName(@PathVariable String userName){
return repository.findByUserName(userName);
}
@RequestMapping(value ="/add", method = RequestMethod.POST)
public @ResponseBody Book create(@RequestBody Book book){
if( userAccountRepository.findByUsername(book.getUserName()) != null amp;amp;
repository.findByTitle(book.getTitle()) == null){
return repository.save(book);
}
else
return null;
}
@RequestMapping(method = RequestMethod.DELETE, value = "{id}")
public void delete(@PathVariable String id){
repository.delete(id);
}
@RequestMapping(method = RequestMethod.PUT, value = "{id}")
public Book update(@PathVariable String id, @RequestBody Book book){
Book updated = repository.findOne(id);
updated.setAuthor(book.getAuthor());
updated.setTitle(book.getTitle());
updated.setYear(book.getyear());
return repository.save(book);
}
}
securitycontroller.java
@Override
protected void configure(HttpSecurity http) throws Exception {
/* http
.httpBasic()
.and()
.authorizeRequests()
.antMatchers("/index.html", "/home.html", "/login.html", "/", "/register.html", "/account").permitAll()
.anyRequest().authenticated().and().csrf()
.csrfTokenRepository(csrfTokenRepository()).and()
.addFilterAfter(csrfHeaderFilter(), CsrfFilter.class);*/
http.authorizeRequests().antMatchers("/index.html", "/home.html", "/login.html", "/", "/register.html", "/account", "/api","/delete").permitAll()
.anyRequest().fullyAuthenticated().and().
httpBasic().and().
csrf().disable();
}
mybooks.html
<tr>
<th>BooK_id</th>
<th>BooK_title</th>
<th>BooK_author</th>
<th>BooK_year</th>
<th>update</th>
</tr>
<tr ng-repeat="message in controller.messages">
<td>{{message.id}}</td>
<td>{{message.title}}</td>
<td>{{message.author}}</td>
<td>{{message.year}}</td>
<td><form ng-submit="remove(message.id)" ng-controller="books">
<div class="form-group">
<input type="submit" class="btn btn-default btn-lg" value="Delete">
</div>
</form></td>
</tr>
hello.js
/**
* Created by sezin on 3/22/16.
*/
angular.module('hello', ['ngRoute', 'ngResource', 'ngCookies'])
.config(function($routeProvider, $httpProvider){
$routeProvider.when('/', {
templateUrl : 'home.html',
controller : 'home',
controllerAs: 'controller'
}).when('/login', {
templateUrl : 'login.html',
controller : 'navigation',
controllerAs: 'controller'
}).when('/register', {
templateUrl : 'register.html',
controller : 'register',
controllerAs: 'controller'
}).when('/mybooks', {
templateUrl : 'mybooks.html',
controller : 'books',
controllerAs: 'controller'
}).otherwise('/');
$httpProvider.defaults.headers.common["X-Requested-With"] = 'XMLHttpRequest';
})
.controller('home', function($http, $cookies) {
var self = this;
$http.get('/resource/').success(function(data){
self.greeting = data;
self.currentUserName = $cookies.get("username");
//self.messages = [];
self.saveBook = function(){
//var BookRecord = $resource('/account/', {username : self.currentUserName});
//BookRecord.save(self.book);
var request = {
userName: self.currentUserName,
title: self.book.title,
author: self.book.author,
year: self.book.year
};
$http.post('api/books/add', request).success(function(data){
if(data){
self.success = true;
} if(data == null){
self.success = false;
}
console.log(data);
//self.messages.push({type:'success', msg: 'Book Saved!'});
}). error(function(err){
console.log(err);
});
};
});
})
.controller('books', function($http, $cookies){
var self = this;
self.messages = [];
self.currentUserName = $cookies.get("username");
$http.get('api/books/getAll/' self.currentUserName).success(function(data){
self.messages = data;
console.log(data);
});
self.remove = function(messageId){
$http.delete('messageId');
};
})
.controller('navigation', function($rootScope, $http, $location, $cookies) {
var self = this;
var authenticate = function(credentials, callback) {
var headers = credentials ? {authorization: "Basic "
btoa(credentials.username ":" credentials.password)} :{};
$http.get('/user/', {headers : headers}).success(function(data){
if(data.name){
$rootScope.authenticated = true;
$rootScope.username = data.username;
if (typeof callback == "function") {
callback() amp;amp; callback();
}
} else{
$rootScope.authenticated = false;
if (typeof callback == "function") {
callback() amp;amp; callback();
}
}
})
};
authenticate();
self.credentials = {};
self.login = function(){
authenticate(self.credentials, function () {
if($rootScope.authenticated){
$location.path("/");
$rootScope.username = self.credentials.username;
$cookies.put("username", $rootScope.username);
self.error = false;
} else{
$location.path("/login");
self.error = true;
}
});
};
self.logout = function(){
$http.post('logout', {}).finally(function(){
$rootScope.authenticated = false;
$location.path("/");
});
}
})
.controller('register', function($resource, $rootScope, $location){
var self = this;
self.register = function(){
var User = $resource('/account');
User.save(self.user, function(data){
self.success = data;
});
};
});
Комментарии:
1. $ http.delete() отправляет запрос на удаление по URL-адресу. Поэтому он ожидает URL в качестве аргумента, а не жестко запрограммированную строку ‘MessageId’.
2. какой URL-адрес я должен предоставить, пожалуйста, проанализируйте хорошо, я слежу за проектом с открытым исходным кодом на GitHub github.com/seziny/WebApp
3. Я внес некоторые изменения для операции удаления в hello.js файл и mybooks.html
Ответ №1:
Измените метод УДАЛЕНИЯ на GET, передайте параметр id в pathvariable, найдите объект по его идентификатору из базы данных. затем удалите объект.
Контроллер
@RequestMapping(value="/delete/{id}", method = RequestMethod.GET)
public void delete(@PathVariable String id){
Book book = repository.findById(id);
repository.delete(book);
}
JS
$http.get('api/books/delete/' yourBookId).success(function(data){
// success
}). error(function(err){
// error
});
Комментарии:
1. проверка не работает hello.js файл для операции удаления
2. Я не могу войти в свое приложение после внесения изменений в hello.js и mybooks.html для операции удаления в чем проблема для этого я следую проекту с открытым исходным кодом вот ссылка на проект
3. могу ли я добавить MessageId в yourbookid
4. вы должны передать свой идентификатор в ‘yourBookId’, например «api / books / delete / 23» (предполагая, что 23 — это ваш идентификатор).
5. любое исключение, которое вы получаете в инспекторе браузера.