Scribd
Upload
150 views11 pages

Exemplu Laborator2 PDF

1. The document discusses setting up an ASP.NET MVC web application using Visual Studio 2017 and ASP.NET. It covers installing Visual Studio, creating an ASP.NET project, installing NuGet packages, configuring bundling and minification, and creating basic views and controllers. 2. Configuration steps include registering bundles in the BundleConfig class, adding views and layout pages, and defining sections for headers, footers and rendering scripts. 3. The application uses ASP.NET MVC, Visual Studio 2017, NuGet packages and bundles stylesheets and scripts for organization and performance.

Uploaded by

DanuIepuras
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
150 views11 pages

Exemplu Laborator2 PDF

1. The document discusses setting up an ASP.NET MVC web application using Visual Studio 2017 and ASP.NET. It covers installing Visual Studio, creating an ASP.NET project, installing NuGet packages, configuring bundling and minification, and creating basic views and controllers. 2. Configuration steps include registering bundles in the BundleConfig class, adding views and layout pages, and defining sections for headers, footers and rendering scripts. 3. The application uses ASP.NET MVC, Visual Studio 2017, NuGet packages and bundles stylesheets and scripts for organization and performance.

Uploaded by

DanuIepuras
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

З :

В Visual Studio ASP .Net


-

В
1. Visual Studio

1
2. В ASP .Net

2Д ш

3 ASP .Net
4 ASP .Net

3. NuGet

5 NuGet...
6М NuGet

4. BundleConfig.cs App_Start

7 BundleConfig.cs

К Bundle:
// Responsive styles
bundles.Add(new StyleBundle("~/bundles/responsive/css").Include(
"~/Content/responsive.css", new CssRewriteUrlTransform()));
// Slick-theme styles
bundles.Add(new StyleBundle("~/bundles/slick/css").Include(
"~/Content/slick.css", new CssRewriteUrlTransform()));

// Slick styles
bundles.Add(new StyleBundle("~/bundles/slick-theme/css").Include(
"~/Content/slick-theme.css", new CssRewriteUrlTransform()));

// Personal styles
bundles.Add(new StyleBundle("~/bundles/style/css").Include(
"~/Content/style.css", new CssRewriteUrlTransform()));

// Font Awesome icons style


bundles.Add(new StyleBundle("~/bundles/font-awesome/css").Include(
"~/Content/font-awesome.min.css", new CssRewriteUrlTransform()));

// Bootstrap
bundles.Add(new ScriptBundle("~/bundles/bootstrap/js").Include(
"~/Scripts/bootstrap.min.js"));

// jQuery
bundles.Add(new ScriptBundle("~/bundles/jquery/js").Include(
"~/Scripts/jquery-3.3.1.min.js"));

// Unobtrusive
bundles.Add(new ScriptBundle("~/bundles/unobtrusive/js").Include(
"~/Scripts/jquery.unobtrusive-ajax.min.js"));

// jQuery Validation
bundles.Add(new ScriptBundle("~/bundles/validation/js").Include(
"~/Scripts/jquery.validate.min.js"));

// Popper
bundles.Add(new ScriptBundle("~/bundles/popper/js").Include(
"~/Scripts/popper.min.js"));

// Slick
bundles.Add(new ScriptBundle("~/bundles/slick/js").Include(
"~/Scripts/slick.js"));

// Filtering
bundles.Add(new ScriptBundle("~/bundles/filtering/js").Include(
"~/Scripts/filtering.js"));

5. В Global.asax
BundleConfig.RegisterBundles(BundleTable.Bundles);
6. HomeController Controllers
8Д

К :
using System.Web.Mvc;

namespace eUseControl.Web.Controllers
{
public class HomeController : Controller
{
// GET: Home
public ActionResult Index()
{
return View();
}
}
}
7. View Index Views/Home

9Д

В Intex.cshtml .

@{
/**/

Layout = "~/Views/Shared/_Layout.cshtml";
ViewBag.Title = "Home";
}

@using System.Web.Optimization

<div class="secondOut-bg">
<div class="second-bg">
<div class="container">
<nav class="nav">
<div class="mnu_top">
<ul>
<li class="active"><a href="#">Our products</a></li>
</ul>
</div>
<div class="mnu_top">
<ul>
<li class="active"><a href="#">Make an order</a></li>
</ul>
</div>
</nav>
</div>
</div>
</div>

<div class="third-background">
<div class="container">
<div class="my-carousel flex-row spc">
<div class="flex-item-6 center">
<i class="fas fa-battery-three-quarters fa-5x"></i>
<p>Some text.</p>
</div>
<div class="flex-item-6 center">
<i class="fas fa-heartbeat fa-5x"></i>
<p>Some text.</p>
</div>
<div class="flex-item-6 center">
<i class="far fa-smile fa-5x"></i>
<p>Some text.</p>
</div>
<div class="flex-item-6 center">
<i class="fas fa-birthday-cake fa-5x"></i>
<p>Some text.</p>
</div>
</div>
</div>
</div>

8. В Views cshtml _ViewStart


_ViewStart:
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}

9. В Views Shared cshtml _Layout,


_Footer _Header
_Layout:
@using System.Web.Optimization

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>eUse System | @ViewBag.Title</title>

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900"
rel="stylesheet" type="text/css">
@Styles.Render("~/bundles/bootstrap/css")
@Styles.Render("~/bundles/responsive/css")
@Styles.Render("~/bundles/slick/css")
@Styles.Render("~/bundles/slick-theme/css")
@Styles.Render("~/bundles/style/css")
@Styles.Render("~/bundles/font-awesome/css")

<!— Primary HOME style —>


@Styles.Render("~/bundles/main/css")
</head>

<body>
<div class="wrapper">
<!— Header —>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
@Html.Partial("_Header")
</nav>

<!— Main view —>


<section class="content">
@RenderBody()
<!— Footer-->
@Html.Partial("_Footer")
</section>

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script defer
src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<script src="http://yastatic.net/jquery/2.1.3/jquery.min.js"></script>
<script src="~/js/slick.js"></script>
<script src="~/js/filtering.js"></script>

<!— Section for main scripts render —>


@Scripts.Render("~/bundles/jquery/js")
@Scripts.Render("~/bundles/popper/js")
@Scripts.Render("~/bundles/slick/js")
@Scripts.Render("~/bundles/filtering/js")
@Scripts.Render("~/bundles/validation/js");
<!— Handler for local scripts —>
@RenderSection("scripts", required: false)
</div>
</body>
</html>

_Header:
<header>
<div class="main-bg">
<div class="container">
<nav class="nav">
<div class="mnu_top">
<ul>
<li class="active"><a href="#">About US</a><span
class="top_hover"></span></li>
</ul>
</div>
<div class="mnu_top">
<ul>
<li class="active"><a href="#">Gallery</a><span
class="top_hover"></span></li>
</ul>
</div>
<div class="mnu_top">
<ul>
<li><a href="#">Contacts</a><span class="top_hover"></span></li>
</ul>
</div>
</nav>
</div>
<div class="container">
<div class="banner">
<h1>
<i>Join the world <br> of Caramel...</i>
</h1>
<a href="#" class="btn">Read more</a>
</div>
</div>
</div>
</header>

_Footer:
<footer>
<div class="mnu_footer">
<div class="container">
<div class="flex-row spc">
<div class="flex-item-4">
<div class="logotip">
<img src="~/Content/img/logo.svg" class="logo" alt="Logo
404Moldova">
</div>
</div>

<div class="flex-item-4 center">


<h2>Join us on social media</h2><br />
<div class="nav-footer">
<a href="#"><i class="fab fa-facebook fa-4x"></i></a>
<a href="#"><i class="fab fa-instagram fa-4x"></i></a>
<a href="#"><i class="fab fa-whatsapp fa-4x"></i></a>
<a href="#"><i class="fab fa-viber fa-4x"></i></a>
</div>

</div>

<div class="flex-item-4 center">


<div class="nav-footer">
<a href="#">
<i class="fas fa-map-marker-alt fa-4x"></i>
<div class="info">
<p>Some adress <br><small>Chisinau, Moldova</small></p>
</a>
</div>
</div>

<div class="nav-footer">
<a href="#">
<i class="fas fa-phone fa-4x"></i>
<div class="info">
<p>(+373) 69 99 77 86<br>(+373) 22 888 999</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
В :
В
Microsoft Visual Studio 2017 Community Edition,
ASP .Net,
.

You might also like