Nothing Special   »   [go: up one dir, main page]

Exemplu Laborator2 PDF

Download as pdf or txt
Download as pdf or txt
You are on page 1of 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

К :
using System.Web.Mvc;

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

В 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