Ministerul Educației al Republicii Moldova

Universitatea Tehnică a Moldovei

Facultatea Calculatoare, Informatică şi Microelectronică

Departamentul Ingineria Software şi Automatică

Raport
Lucrarea de laborator nr.6
Disciplina: Tehnologii WEB

A efectuat: st. gr. Iepuraș Daniel

A verificat conf.univ. Cristian Rusu

Chișinău – 2019
 Tema: ” Finalizarea serviciului web”

Sarcina lucrării: Finalizarea serviciului web conform temei "OnlineShopping"

Efectuarea lucrarii :
In versiunea finala a serviciului web au adaugate paginile care afiseasa din baza
de date produsele disponibile pentru utilizator. Produsele sunt afisate in
dependenta de categoria accesata de utilizator “ Phones , Notebooks, TV,
SmartGadgets si Tablets”.
Asa arata afisarea categoriilor in view.
<div class="single category">
<h3 class="side-title">Category</h3>
<ul class="list-unstyled">
@foreach (var category in Model)
{
<li>
<a>
@Html.ActionLink(category.CategoryName,
"Browse", "Store",
new { Categories = category.CategoryName }, null)
</a>
</li>

</ul>
</div>

Iar mai jos e prezentat view-ul care afiseaza produsele in dependenta de categoria
aleasa.
<div class="product">
<h3><em>@Model.CategoryName</em> category:</h3>

<div class="container">
<div class="row justify-content-md-start">
@foreach (var product in Model.Product)
{

<div class="col-md-3 mt-5">

<div class="polaroid">
<a href="@Url.Action("Details",
new { id = product.ProductId })">
<img alt="@product.ProductName"
src="@product.ProductImage" style="width:100%" />
</a>
<div class="container">
<span>@product.ProductName</span>
</div>
 </div>
</div>

}
</div>
</div>
</div>

In figura de mai jos este prezentat rezultatul

Figura 1 – Vizualizarea produselor din catogoria “Phones”

Accesand un produs , utilizatorul poate vedea mai multe detalii despre acesta.
<h2>@Model.ProductName</h2>

<div class="col-md-3">
<p>
<img alt="@Model.ProductName"
src="@Model.ProductImage" style="width:100%;" />
</p>
</div>

<div id="album-details" >

<p>
<em>Product:</em>
@Model.ProductName
</p>
<p>
<em>Price:</em>
@String.Format("{0:F}",
Model.ProductPrice)$
</p>
<p class="btn btn-outline-success">
 @Html.ActionLink("Add to cart", "AddToCart",
"ShoppingCart", new { id = Model.ProductId }, "")
</p>
</div>

Figura 2 – Vizualizarea detaliilor unui produs ales.

Pe pagina principala a serviciului sunt prezentate cele mai accesate produse.

Figura 3 – Pagina principala

De asemenea utilizatorul poate adauga un produs droit in cosul de cumparaturi.

Figura 4 – Cosul de cumparaturi

Iar la dorinta cumpararii acestui produs, utilizatorului i se va afisa pagina pentru

completarea campurilor cu datele necesare.

Figura 5 – Completarea campurilor pentru cumpararea unui produs

 Figura 6 – Pagina de logare in sistem.

Concluzie
In aceasta lucrare de laborator a fost finisat serviciul web elaborate pe platforma
ASP.NET.