MVC4 + EF5 + EasyUI + Unity3 dependency injection (2)-system logon Interface Design

Source: Internet
Author: User

Link:

Thank you very much for your attention and support for the previous article! Lz will continue to reward everyone.

 

Let's get started:

IDE, I am using Visual Studio2013, and it feels good to use it! We recommend that you go to the Microsoft official website to learn more about the new features of 2013.

Step 1: Create a blank solution;

Step 2: add the MVC4 website (names are based on your preferences) and select the Internet option and Razor view;

Step 3: Remove unnecessary files, such as some built-in views;

Step 4: Create an empty controller AccountController under Controllers and add the Index View File under View/Account. The Code is as follows:

User Login reset LoginView Code

@ Scripts. Render ("~ /Scripts/jquery ") and so on, please refer to: http://www.cnblogs.com/chenru1988/archive/2013/01/31/2886805.html

Don't forget, the Code is as follows:

BundleTable. EnableOptimizations =}View Code

 

Bootstrap Design Introduction:

The system logon interface is designed with the bootstrap front-end toolkit and Jquery plug-in. The overall style is the Metro style (which you like very much). The following describes bootstrap (take a detour)

1. bootstrap Popular Science

  • Introduction:

  • Features:

  • Components:

  • Plugin:

  • Customize your own framework code:

  • Bootstrap Less:

2, download bootstrap: http://getbootstrap.com/2.3.2/

 

3, bootstrap integration steps: https://github.com/seyhunak/twitter-bootstrap-rails

 

4, this page is also used jquery plugin: gritter. Demo: http://boedesign.com/demos/gritter/

 

:

1. The overall effect has not been completed yet. What should I do on the left? Please give me your advice!

2. the prompt is displayed. Of course, real user login verification has not been implemented yet:

 

 

Prepare for the next step:

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.