simpledeveloper
Привет,
У меня есть следующий код в файле Layout.cshtml:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - App1</title>
<base href="~/" />
<link rel="stylesheet" href="~/dist/vendor.css" asp-append-version="true" />
<environment exclude="Development">
<link rel="stylesheet" href="~/dist/site.css" asp-append-version="true" />
</environment>
</head>
<body>
@RenderBody()
<script src="~/dist/vendor.js" asp-append-version="true"></script>
@RenderSection("scripts", required: false)
</body>
</html>
Не могли бы вы дать мне знать, что я могу удалить из Layout.cshtml, я очень новичок в мире библиотек JavaScript, я попытался закомментировать весь раздел тегов и запустил приложение, все еще не в состоянии увидеть какое-либо приветственное сообщение или что-либо связанное с кодом react, который я написал, не могли бы вы дать мне знать, почему я должен удалить его также? Большое спасибо, мой друг - я думал, что вообще не получу никакого ответа. Еще раз большое вам спасибо.
mehr.ah
Я видел выше, так что проект не использовал cdn, но локальный тогда :
ты сказал, что использовал аспида. Net Core 2.0 but above layout-это шаблон по умолчанию для стандартного веб-приложения .NET .
Внимание в .Объем ядра вы должны знать пакеты и установить их вручную с помощью NuGet.
так что я думаю, что некоторые из вас думали неправильно ,
вы должны добавить пакет скриптов в вышеприведенный макет , добавить ссылки на ваш jQuery и ... после @renderbody().
simpledeveloper
Я добился некоторого прогресса, я смог вызвать методы Get, но не смог вызвать методы Put и Post.
Мои методы веб-Api следующие, по какой-то причине я не могу вызвать эти методы веб-Api, я делаю что-то неправильно эти методы, пожалуйста, дайте мне знать:
[Produces("application/json")]
[Route("api/Employee")]
public class EmployeeController : Controller
{
EmployeeDataAccessLayer objemployee = new EmployeeDataAccessLayer();
[HttpGet("[action]")]
//[Route("api/Employee/Index")]
public IEnumerable<TblEmployee> Index()
{
return objemployee.GetAllEmployees();
}
[HttpPost]
public int Create(TblEmployee employee)
{
return objemployee.AddEmployee(employee);
}
[HttpGet("{id}")]
//[HttpGet("{id}", Name = "Details")]
public TblEmployee Details(int id)
{
return objemployee.GetEmployeeData(id);
}
[HttpPut("{id}")]
public int Edit(int id, TblEmployee employee)
{
return objemployee.UpdateEmployee(employee);
}
[HttpDelete("{id}")]
public int Delete(int id)
{
return objemployee.DeleteEmployee(id);
}
[HttpGet("[action]")]
public IEnumerable<TblCities> GetCityList()
{
return objemployee.GetCities();
}
}
Я пытаюсь вызвать этот метод с помощью компонента reactjs, я не могу вызвать этот метод, не могли бы вы помочь мне, где я делаю ошибку
Вот мой компонент рендеринга таблицы:
private renderEmployeeTable(empList: EmployeeData[]) {
return <table className='table'>
<thead>
<tr>
<th></th>
<th>EmployeeId</th>
<th>Name</th>
<th>Gender</th>
<th>Department</th>
<th>City</th>
</tr>
</thead>
<tbody>
{empList.map(emp =>
<tr key={emp.employeeId}>
<td></td>
<td>{emp.employeeId}</td>
<td>{emp.name}</td>
<td>{emp.gender}</td>
<td>{emp.department}</td>
<td>{emp.city}</td>
<td>
<a className="action" onClick={(id) => this.handleEdit(emp.employeeId)}>Edit</a> |
<a className="action" onClick={(id) => this.handleDelete(emp.employeeId)}>Delete</a>
</td>
</tr>
)}
</tbody>
</table>;
}
Теперь я призываю его, как показано ниже метод редактирования, как показано ниже
private handleEdit(id: number) {
this.props.history.push("api/employee/edit/" + id);
}
И у меня есть метод Delete Web Api, который тоже не вызывается из приведенного выше файла скрипта ts
[HttpDelete("{id}")]
public int Delete(int id)
{
return objemployee.DeleteEmployee(id);
}
И у меня есть метод Create который должен быть вызван ts файлом в момент нажатия кнопки save который также не вызывается:
[HttpPost]
public int Create(TblEmployee employee)
{
return objemployee.AddEmployee(employee);
}
Сценарий ts для вызова create выглядит следующим образом при нажатии кнопки save:
import * as React from 'react';
import { RouteComponentProps