|
Hi Sir,
Need help, i noob in Asp.net. Using VB for my coding;
Situation :-
a) Using Master Page
b) Got 3 web Form ( Staff.aspx,student.aspx,external.aspx)
c) Every form have Search Textbox
In Staff.aspx, search Textbox working great when connecting to Oracle Database and appear the data holder in other textbox.
But when using Student.aspx or External.aspx, the Search Textbox will appear No Data / Cardholder , in database the data is exist.
the Sql query it ok when i direct include the User ID but when keep in in textbox cannot appear the data.
Plz guide me
Tq
|
|
|
|
|
kerek2 wrote: Plz guide me
In what way? We have no idea what your code does or what the error is. Please edit your question and show some proper details of the problem.
|
|
|
|
|
I need help to fix an issue where when data from web application is exported to Excel by clicking a button export to excel, if the data in a cell contains double quotes, that data should be displayed without the double quotes visible.
Also I want preceding zeros not to be removed e.g. 081 should not be exported to Excel as 81. This is why I have the line of code sw.Write("=""" & row(column).ToString().Trim() & """" & vbTab)
Previously I made a change to the application code in VB so that the output exports text fields with formulas (="") to force Excel to treat those values as a string. This has been working except some instances where the output actually displays the formula characters (="") within the cell as text, rather than as hidden formulas. It appears when a cell contains text with an actual double quotes that is when after export to Excel is done, those quotes appear in Excel. I need help to figure out if there is a way to suppress those.
For example. A cell with the following data Allows the user the abilities to Add, View, Modify and Delete Notes on the Notes Tab of the Case Record. "View" allows the user to view the Notes Tab of the Case Record.
When this is exported to Excel the data is displayed as follows ="Allows the user the abilities to Add, View, Modify and Delete Notes on the Notes Tab of the Case Record. "View" allows the user to view the Notes Tab of the Case Record. I do not want to quotes to appear in Excel.
On the other hand, a cell with the following data Maintain Victim Classification Types. when this is exported to Excel there are no visible quotes. It displays as Maintain Victim Classification Types.
Here is my VB code that needed changing
Protected Sub WriteToExcelFile(dt As DataTable)
If Not dt Is Nothing Then
Dim sw As New StringWriter()
For Each datacol As DataColumn In dt.Columns
sw.Write(datacol.ColumnName + vbTab)
Next
Dim row As DataRow
For Each row In dt.Rows
sw.Write(vbNewLine)
Dim column As New DataColumn()
For Each column In dt.Columns
If Not row(column.ColumnName) Is Nothing Then
sw.Write("=""" & row(column).ToString().Trim() & """" & vbTab)
Else
sw.Write(String.Empty + vbTab)
End If
Next column
Next row
Response.Clear()
Response.ContentType = "application/vnd.ms-excel"
Response.AddHeader("Content-Disposition", "attachment;filename=GridViewExport.xls")
Response.Output.Write(sw.ToString())
Response.Flush()
System.Web.HttpContext.Current.Response.Flush()
System.Web.HttpContext.Current.Response.SuppressContent = True
System.Web.HttpContext.Current.ApplicationInstance.CompleteRequest()
End If
End Sub
modified 25-Feb-20 10:56am.
|
|
|
|
|
I still need help with this one please
modified 25-Feb-20 10:00am.
|
|
|
|
|
|
I'm implementing asp.net core MVC project. In my controller class called ApiApplicant, Create method, I have 3 selectlists that its items should be populated from a table called APIApplicantHistory. My models and create method and view are implemented like following:
using System.Collections.Generic;
namespace CSDDashboard.Models
{
public partial class Apiapplicant
{
public Apiapplicant()
{
ApiApplicantHistory = new HashSet<apiapplicanthistory>();
}
public int Id { get; set; }
public string ApiRequestDate { get; set; }
public int? ApiRequestNo { get; set; }
public int? Apiid { get; set; }
public int? ApplicantId { get; set; }
public int? GateId { get; set; }
public string NocRequestDate { get; set; }
public string NocRequestNo { get; set; }
public string Url { get; set; }
public string Description { get; set; }
public bool? IsDeleted { get; set; }
public virtual Api Api { get; set; }
public virtual Applicant Applicant { get; set; }
public virtual Gate Gate { get; set; }
public virtual ICollection<apiapplicanthistory> ApiApplicantHistory { get; set; }
}
}
using System;
using System.Collections.Generic;
namespace CSDDashboard.Models
{
public partial class ApiApplicantHistory
{
public int Id { get; set; }
public int? ApiApplicantId { get; set; }
public string Date { get; set; }
public int? SentResponseType { get; set; }
public int? UnconfirmedReason { get; set; }
public int LastReqStatus { get; set; }
public string Description { get; set; }
public virtual Apiapplicant ApiApplicant { get; set; }
public virtual EntityType LastReqStatusNavigation { get; set; }
public virtual EntityType SentResponseTypeNavigation { get; set; }
public virtual EntityType UnconfirmedReasonNavigation { get; set; }
}
}
using System;
using System.Collections.Generic;
namespace CSDDashboard.Models
{
public partial class EntityType
{
public EntityType()
{
ApiApplicantHistoryLastReqStatusNavigation = new HashSet<apiapplicanthistory>();
ApiApplicantHistorySentResponseTypeNavigation = new HashSet<apiapplicanthistory>();
ApiApplicantHistoryUnconfirmedReasonNavigation = new HashSet<apiapplicanthistory>();
}
public int Id { get; set; }
public string Name { get; set; }
public string EntityKey { get; set; }
public virtual ICollection<apiapplicanthistory> ApiApplicantHistoryLastReqStatusNavigation { get; set; }
public virtual ICollection<apiapplicanthistory> ApiApplicantHistorySentResponseTypeNavigation { get; set; }
public virtual ICollection<apiapplicanthistory> ApiApplicantHistoryUnconfirmedReasonNavigation { get; set; }
}
}
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
namespace CSDDashboard.Models
{
public class APIApplicantViewModel
{
public Apiapplicant apiApplicantvm { get; set; }
public ApiApplicantHistory apiApplicantHistoryvm { get; set; }
}
}
public class ApiapplicantsController : Controller
{
private readonly CSSDDashboardContext _context;
public ApiapplicantsController(CSSDDashboardContext context)
{
_context = context;
}
public IActionResult Create()
{
ViewData["sentResponseType"] = new SelectList(_context.EntityType.Where(g => g.EntityKey == "sentResponseType")
.Include(x => x.ApiApplicantHistoryLastReqStatusNavigation).ToList(), "ID", "name");
ViewData["unconfirmedReason"] = new SelectList(_context.EntityType.Where(g => g.EntityKey == "unconfirmedReason").ToList(), "ID", "name");
ViewData["lastReqStatus"] = new SelectList(_context.EntityType.Where(g => g.EntityKey == "lastRequestStatus").ToList(), "ID", "name");
return View();
}
}
And a part of create view implementation:
@modelCSDDashboard.Models.APIApplicantViewModel
@{
ViewData["Title"] = "create";
}
@section Scripts {
@{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
}
In create method, all the viewData are filled with the correct related data but the problem is existing in Create view, after running the project an error like below is shown in Create page:
An unhandled exception occurred while processing the request.
NullReferenceException: Object reference not set to an instance of an object.
After debugging the code I understand that In create view, apiApplicantvm is not null but
ViewBag.sentResponseType returns null and the above error is because of that. I appreciate if anyone could tells me how to fix the problem.
|
|
|
|
|
many time i create action in controller and decorate them with HttpGet or HttpPost verb and call those action by jquery ajax and action return json to client side. i got no difference when i change from HttpGet or HttpPost for any specific action.
so i am curious to know when i should use only HttpGet verb and when HttpPost verb for actions in controller ?
also tell me the difference between response travel in case of HttpGet or HttpPost ?
i know the difference between Get & Post
------------------------------------------
Both GET and POST method is used to transfer data from client to server in HTTP protocol but Main difference between POST and GET method is that GET carries request parameter appended in URL string while POST carries request parameter in message body which makes it more secure way of transferring data
but do not aware the difference between HttpGet or HttpPost verb. so please discuss with a example action which guide me when to use HttpGet and when to use HttpPost.
waiting for good guide line. thanks
|
|
|
|
|
I use HTTPGET when I send a URL with parameters such as
https://website.com/api/store/getOrder/1009
and ask for data.
With HTTPPost, I use that when I'm sending a chunk of data such as submitting a form.
https://website.com/api/store/submitOrder
The controller can send back a true or false, or a chunk of data, such as the completed order with order number.
As your request to the api/controller get more complicated, you will see the api/controller not respond to calls if the http protocol is not correct.
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
I saw we can design any action with httpGet or httpPost which return json resultset. so it is not clear to me when httpGet will be appropriate and when httpPost ?
suppose I am calling action which take no parameter rather action return data in json format. so in this case I can decorate action with httpGet or httpPost make no difference. so I like to know real usage of httpGet and httpPost when action taking no data rather return data in json format.
we know that data travel from client to server side bit different way in case of httpGet and httpPost.
for httpGet data pass as query string and for httpPost data pass as message body to server side.
if possible please tell me in case of httpGet how responses travel from server side to client side ?
and same way how responses travel from server side to client side in case of httpPost ?
thanks
|
|
|
|
|
HttpPost and HttpGet simply mean you allow those methods to be called via that verb. It doesn't change anything about how the client works or how data is transmitted. Whether you use GET or POST depends on the calling code, the action attributes simply say which ones are allowed. If you put only HttpPost on a method and try to call that via GET on the client, you'll get a failure code back. If you have HttpGet and HttpPost on a method then then client can use GET or POST, but again that is up to the client to decide which one is used.
In terms of server to client, there is no difference between GET and POST.
Which you should use depends on the semantics of what your method does. If you are retrieving info, like Customer 123, then use GET, if you are sending data to the server for storage then use POST. Also remember that GET and POSt are remnants of how browsers request URLs, there are other verbs you can use depending on what you are doing. Again which one you use depends on the semantics of what your method is doing.
HTTP Methods for RESTful Services[^]
The other thing you might want to consider is that GETs can be cached but POSTs will never be cached.
|
|
|
|
|
Sir you said -- In terms of server to client, there is no difference between GET and POST.
we all know there is difference between Get & POST when we send data from client to server. in case Get data pass from client to server as query string and in case of Post data pass from client to server as message body.
so when a ASP.Net MVC action decorated with Get or POST return data from server to client same way as you said if we use Get or Post...am i right ?
|
|
|
|
|
|
|
Another thing to consider: don't use GET for actions which modify data.
GET requests should be idempotent - there should be no difference between making the request once or making the request forty two times.
If the action creates, updates, or deletes data, then use the POST, PUT, or DELETE methods. If the client doesn't support PUT or DELETE, then just use POST.
HTTP Methods – REST API Verbs – REST API Tutorial[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
i am talking about data passing from server side to client side when we can a action by jquery ajax.
any difference would be there for transmitting data from server to client if action is decorated with Get or Post verb?
@F-ES Sitecore replied in same thread that In terms of server to client, there is no difference between GET and POST.
do you agree with it? i do not know that is why i am asking? because every one has different views.
thanks
|
|
|
|
|
Tbh at first, I was also confused by F-ES Sitecore's statement. But then I've noticed at the very end of his message
Quote: The other thing you might want to consider is that GETs can be cached but POSTs will never be cached.
which is implied from the abovementioned HTTP Verb semantics (GET is for querying data which might be cached, while POST is indeed a non-idempotent creating operation, so it makes no sense caching it).
|
|
|
|
|
There's no difference in terms of the response. GET and POST only alter the request.
HTTP Messages - HTTP | MDN[^]
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
I'm implementing asp.net core project. In my Controller class, in its Edit method, I wrote some code like below:
public async Task<IActionResult> Edit(int id, ApplicantViewModel applicant)
{
var formerApplicantType = await _context.Applicant
.Include(a => a.ApplicantTypeNavigation)
.FirstOrDefaultAsync(m => m.ApplicantId == id);
if (id != applicant.applicantvm.ApplicantId)
{
return NotFound();
}
if (ModelState.IsValid)
{
try
{
if (applicant.applicantvm.ApplicantType == 1)
{
var UpdQuery = from a in _context.Applicant
join p in _context.PersonApplicant on a.ApplicantId
equals p.ApplicantId
where applicant.applicantvm.ApplicantId == a.ApplicantId && applicant.applicantvm.ApplicantType == a.ApplicantType
select new { a, p };
if (formerApplicantType.ApplicantType == 2)
{
Debug.WriteLine("opposite applicantType");
var legalApplicantForDelete = await _context.LegalApplicant.FindAsync(id);
_context.LegalApplicant.Remove(legalApplicantForDelete);
var pa = new PersonApplicant()
{
BirthCertificateNo = applicant.personapplicantvm.BirthCertificateNo,
IssuePlace = applicant.personapplicantvm.IssuePlace,
NationalCode = applicant.personapplicantvm.NationalCode,
Username = applicant.personapplicantvm.Username,
Applicant = applicant.applicantvm
};
using (var context = new CSSDDashboardContext())
{
context.PersonApplicant.Add(pa);
context.SaveChanges();
}
}
else
{
foreach (var x in UpdQuery.ToList())
{
x.a.ApplicantType = applicant.applicantvm.ApplicantType;
x.a.Address = applicant.applicantvm.Address;
x.a.Description = applicant.applicantvm.Description;
x.a.Name = applicant.applicantvm.Name;
x.p.BirthCertificateNo = applicant.personapplicantvm.BirthCertificateNo;
x.p.NationalCode = applicant.personapplicantvm.NationalCode;
x.p.IssuePlace = applicant.personapplicantvm.IssuePlace;
x.p.Username = applicant.personapplicantvm.Username;
}
}
await _context.SaveChangesAsync();
}
catch (DbUpdateConcurrencyException)
{
if (!ApplicantExists(applicant.applicantvm.ApplicantId))
{
return NotFound();
}
else
{
throw;
}
}
return RedirectToAction(nameof(Index));
}
ViewData["ApplicantType"] = new SelectList(_context.EntityType, "Id", "Id", applicant.applicantvm.ApplicantType);
return View(applicant);
}
In my code I have 3 tables Applicant and PersonApplicant and LegalApplicant. Applicant has one to one relationship with LegalApplicant and PersonApplicant. Eachtime Applicant refers to one of them. They are connected with each other as the primary key {ApplicantID,ApplicantType} and if ApplicantType is 1, Applicant refers to PersonApplicant and if it is 2, Applicant refers to LegalApplicant. In the view, the user should choose from a selectlist about the type of applicant he wants to update. Now my problem is in updating those tables when user wants to change the ApplicantType. For instance, if the user change ApplicantType from LegalApplicant to PersonApplicant then the former record in Legal applicant should be deleted according what I did in the code and a new record should be inserted into PersonApplicant. For doing that I wrote like the above code, But after running the project, it shows me an error which is about not to accept the former applicant record exist and just refers to another table. In my methodology I can not delet the related record in Applicant and again insert a new one ther cause I need the former info about that record. I appreciate if anyone guide me how can I fix this.
|
|
|
|
|
Hi all, I hope I got the right forum...
I can do what the subject states when the comboBox or DropDown is NOT in a gridview, as in the code below which populates the room DDL with the value that was selected in the building DDL
Protected Sub DDLbuilding_SelectedIndexChanged(sender As Object, e As EventArgs) Handles DDLbuilding.SelectedIndexChanged
'Create DataTable
Dim dtRooms As New DataTable() ' - Room Numbers
dtRooms.Columns.Add("Room", Type.GetType("System.String"))
'Get Buildings for this campus
RoomTable = RoomAdapter.GetRooms(DDLbuilding.SelectedValue)
'Fill DataTable
For Each RoomRow In RoomTable
dtRooms.Rows.Add()
dtRooms.Rows(dtRooms.Rows.Count - 1)("Room") = RoomRow.Room
Next
'bind DDLroom to datatable
DDLroom.DataSource = dtRooms
DDLroom.DataBind()
End Sub
but when the comboBox or DDL is in a gridview it throws the error "Databinding methods such as Eval(), XPath(), and Bind() can only be used in the context of a databound control".
Here's what I have so far for the gridview comboBox
Protected Sub cbEQName_SelectedIndexChanged(sender As Object, e As EventArgs)
'Get row index of selected comboBox
Dim gvRow As GridViewRow = CType(CType(sender, Control).Parent.Parent, GridViewRow)
Dim index As Integer = gvRow.RowIndex
'Get selected value of selected comboBox
EQname = TryCast(GVnewEquipment.Rows(index).FindControl("cbEQname"), AjaxControlToolkit.ComboBox).Text
'Get new values of next comboBox from selected value of selected comboBox
EquipmentTable = EquipmentAdapter.GetMfg(EQname)
'Create DataTable
Dim dtMfgs As New DataTable() ' - mfgs that are used by Equiptment name
dtMfgs.Columns.Add("mfg", Type.GetType("System.String"))
'Fill DataTable
For Each EquipmentRow In EquipmentTable
dtMfgs.Rows.Add()
dtMfgs.Rows(dtMfgs.Rows.Count - 1)("mfg") = EquipmentRow.mfg
Next
'create ComboBox which will represent GVnewQuipment cbMfg comboBox
Dim CB = DirectCast(GVnewEquipment.Rows(index).FindControl("cbMfg"), AjaxControlToolkit.ComboBox)
'bind cbMfg to datatable
CB.DataSource = dtMfgs
CB.DataBind()
End Sub
Any and help is greatly appreciated!!
Lee
|
|
|
|
|
Hi. I'm implementing asp.net core project. In my controller class I have a query like below that joins two tables.
var UpdQuery = from a in _context.Applicant
join p in _context.PersonApplicant on a.ApplicantId
equals p.ApplicantId
where applicant.applicantvm.ApplicantId == a.ApplicantId // && applicant.applicantvm.ApplicantType == a.ApplicantType
select new { a, p };
I want to get the value of one of Updquery's fields which is called ApplicantType and it is of type int. For doing this, I wrote a query like below to get that value. However it doesn't give me a correct value.
var formerApplicantType = UpdQuery.Select(u => u.a.ApplicantType).SingleOrDefault();
Debug.WriteLine("formerApplicantType:" + int.Parse(formerApplicantType.ToString()));
I appreciate if any one tells me where do I make a mistake?
|
|
|
|
|
There's nothing obviously wrong with the query, other than the fact that you're converting an int to a string just to parse it back to an int:
int formerApplicantType = UpdQuery.Select(u => u.a.ApplicantType).SingleOrDefault();
Debug.WriteLine("formerApplicantType:" + int.Parse(formerApplicantType.ToString()));
int formerApplicantType = UpdQuery.Select(u => u.a.ApplicantType).SingleOrDefault();
Debug.WriteLine("formerApplicantType:" + formerApplicantType);
This is going to be down to the data you're querying, the input you've provided, and what your definition of the "correct" value is.
Since we can't see any of those things, we can't help.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Greetings again,
This is part of the solution that the great Richard provided last week.
The app takes empID and determines if the employee has ever completed the form before.
If this is the first time the employee is compleing the form, then the form is completely blank so employee can complete entire form.
This works great.
It also checks to see if the employee had completed the form before, if yes but not the previous year, then employee name, title, email and employee ID are loaded but the rest of the form is blank so the user can complete the rest of the form.
This also works great.
Here is the part that we are still having problem with.
An employee can complete one gridview control, say GridView1, add an additional row and complete that row.
In this situation, if the employee completed form the previous year, then when the data that the employee had completed the previous year is loaded, it displays the two rows that employee completed for GridView1.
The problem is that all other gridview controls like grvspouse, grvspouse, etc for instance, are are also loaded with two rows even though those rows are blank.
Is there somethin I can change in the attached code that will ensure that those gridview controls like the two examples I showed above, show just one row since they have not been completed before?
Protected Sub txtEmpID_TextChanged(sender As Object, e As EventArgs) Handles txtEmpID.TextChanged
If String.IsNullOrEmpty(txtEmpID.Text) Then
checkusername.Visible = False
Return
End If
' Clear the controls:
'txtEmpID.Text = String.Empty
txteName.Text = String.Empty
txttitle.Text = String.Empty
txtemail.Text = String.Empty
lblStatus.Text = String.Empty
Gridview1.DataSource = Nothing
Gridview1.DataBind()
grvspouse.DataSource = Nothing
grvspouse.DataBind()
grvDiv.DataSource = Nothing
grvDiv.DataBind()
grvReim.DataSource = Nothing
grvReim.DataBind()
grvHon.DataSource = Nothing
grvHon.DataBind()
grvGift.DataSource = Nothing
grvGift.DataBind()
grvOrg.DataSource = Nothing
grvOrg.DataBind()
grvCred.DataSource = Nothing
grvCred.DataBind()
checkusername.Visible = True
dprocessed.Visible = True
lblStatus.ForeColor = System.Drawing.Color.Red
Using Conn As New SqlConnection(ConfigurationManager.ConnectionStrings("constr").ConnectionString)
Using cmd As New SqlCommand("ValidateEmpID", Conn)
cmd.CommandType = CommandType.StoredProcedure
cmd.Parameters.AddWithValue("@empID", txtEmpID.Text)
Conn.Open()
Using dr As SqlDataReader = cmd.ExecuteReader(CommandBehavior.CloseConnection)
If Not dr.Read() Then
imgstatus.ImageUrl = "images/Icon_Available.gif"
lblStatus.Text = "This must be the first time you are completing this form. Proceed to complete entire form. If you feel there is a mistake, please contact the office"
txteName.Enabled = True
txttitle.Enabled = True
txtemail.Enabled = True
txtEmpID.Enabled = True
GridPanels.Enabled = True
btnNext.Enabled = True
Return
End If
imgstatus.ImageUrl = "images/NotAvailable.jpg"
txteName.Text = dr("employeeName").ToString()
txttitle.Text = dr("empTitle").ToString()
txtemail.Text = dr("email").ToString()
txtEmpID.Text = dr("empID").ToString()
If dr("previousYear").ToString() = "1" Then
lblStatus.Text = "Please verify your information for accuracy. Then complete rest of the form."
txteName.Enabled = True
txttitle.Enabled = True
txtemail.Enabled = True
txtEmpID.Enabled = True
GridPanels.Enabled = True
btnNext.Enabled = True
fillSourceRecords()
ElseIf dr("thisYear").ToString() = "1" Then
lblStatus.Text = "You have already completed this form. Please close the form. If you feel there is a mistake, please contact the office"
txteName.Enabled = False
txttitle.Enabled = False
txtemail.Enabled = False
txtEmpID.Enabled = False
GridPanels.Enabled = False
btnNext.Enabled = False
Else
lblStatus.Text = "No entries this year, nor the previous year. Please complete the form. If you feel this is a mistake, please contact Clerk to the CEO and BOC at 404-371-3224"
txteName.Enabled = False
txttitle.Enabled = False
txtemail.Enabled = False
txtEmpID.Enabled = False
GridPanels.Enabled = False
btnNext.Enabled = False
End If
End Using
End Using
End Using
End Sub
Private Sub fillSourceRecords()
Dim conn_str As String = ConfigurationManager.ConnectionStrings("constr").ConnectionString
Using conn As SqlConnection = New SqlConnection(ConfigurationManager.ConnectionStrings("constr").ConnectionString)
conn.Open()
Using sourcecmd As SqlCommand = New SqlCommand()
sourcecmd.CommandText = "uspGetAllRecs"
sourcecmd.CommandType = CommandType.StoredProcedure
sourcecmd.Parameters.AddWithValue("@empID", txtEmpID.Text.Trim())
sourcecmd.Connection = conn
Using ad As SqlDataAdapter = New SqlDataAdapter(sourcecmd)
Dim ds As DataSet = New DataSet()
ad.Fill(ds)
Gridview1.DataSource = ds
Gridview1.DataBind()
grvspouse.DataSource = ds
grvspouse.DataBind()
grvDiv.DataSource = ds
grvDiv.DataBind()
grvReim.DataSource = ds
grvReim.DataBind()
grvHon.DataSource = ds
grvHon.DataBind()
grvGift.DataSource = ds
grvGift.DataBind()
grvOrg.DataSource = ds
grvOrg.DataBind()
grvCred.DataSource = ds
grvCred.DataBind()
End Using
End Using
End Using
End Sub
|
|
|
|
|
Hi -
I know its dumbest question but I want to understand.
I have completed a React Application, which calls a Web Api, the application runs fine with npm start, its all working fine, but when I am deploying the application, how should I set up the start page of the application, I am new to React and I have never been part of the deploying any SPA application? How can I set the start of my react application when I am going to deploy on the Server in my Website folder? Can I change it? How can I change it?
When Web API is deployed separately from the React app, where would the new request first goes, whether it would go to the React SPA or it goes to the Web APIs controller method.
Same questions I have for Vue.js, Angular and Ember, what are the starting pages, how to set them and if we have separate web applications running for the js and Web Api server side logic - where do the request first go when we just type for example: xxxx.com, what's the first page.
I got this question since when I build my Ember project using npm build - its not creating the default.htm or index.html files - so how is it going to the first page? Any help to understand the flow here. I know its dumbest question but want to understand - thank you.
|
|
|
|
|
In Angular, the home page is set in App.Routes.ts.
{ path: "", redirectTo: "home", pathMatch: "full" },
So any wild card path that doesn't match another route gets sent to website.com/home, and the home.routes.ts takes it from there. Or if you type https://website.com/legal, the legal.routes.ts calculates the route.
{ path: "", component: HomeComponent },
{ path: "legal", loadChildren: "./legal/legal.module#LegalModule" },
{ path: "", redirectTo: "", pathMatch: "full" }
This allows typing https://website.com to load the home page https://website.com/home
Or allows sending a link to a page to share such as https://website.com/software/Angular
I suspect your thinking old school, like setting up IIS and setting the programs root folder to start from.
SPA in Setup.cs just tells SPA where the ng build root is, and calls the npmScript "start" in package.json. What SPA services really does is compiles or builds angular when you start the project.
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"build:ssr": "ng run jkirkerx:server:dev",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"postInstall": "npm rebuild node-sass"
},
The controller say .Net Core V2.2+ if that is what your using for back end logic has it's own routes that you assign to a controller. So this is the Store Controller, and is called by an Angular service as
https://website.com/api/Store/GetBrands/1/8
[Produces("application/json")]
[Route("api/[controller]")]
[ApiController]
public class StoreController : ControllerBase {
[HttpGet("GetBrands/{page}/{show}")]
public async Task<GetBrands> GetBrands(int page, int show)
{
return await _brandsRepository.GetBrands(page, show);<br />
}
}
With CORS setup correctly, only the client can call this Url, and if typed in the browser, Angular will reject the request and your Startup.cs will direct the request to the https://website.com/Error
if (env.EnvironmentName.Equals("Development"))
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseExceptionHandler("/Error");
app.UseWhen(context => !context.Request.Path.Value.StartsWith("/api"), builder =>
{
builder.UseStatusCodePagesWithReExecute("/Error/{0}");
});
app.UseHsts();
app.UseHttpsRedirection();
}
I've only done a Angular app wrapped in .Net Core V2.2+, and the two seem to bounce off each other in terms of Web hosting and protection if you program the Kestrel Web Server in Program.cs and Startup.cs. I could separate the 2 projects from each other and still formulate a solution that works in a Docker Container.
But like I said in the past, designing and building the hosting environment, testing it and fully understanding it is a huge project in itself with very little documentation on how to do it. I learned the hard way on how to program Kestrel, and then do it in a Docker Container. Something I will write a paper on here soon if anyone is interested in it.
If it ain't broke don't fix it
Discover my world at jkirkerx.com
|
|
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
