Tips for front-end development in asp.net

Source: Internet
Author: User
Tags end net
Many websites now use. NET development.
One more platform for front-end development,
Because of the use of VSS source code manager, programmers often worry about getting files.
Especially styles, pictures.

directory Structure

├─app_code---------------------CS Code Base directory
├─app_theme--------------------Topic Directory
├─bin--------------------------DLL Invocation Directory
│├─app-----------------------The total list of dynamic controls
││├─brand------------------Brand Area
││├─catagory---------------List of products
││├─club-------------------Community
││├─default----------------Website Home
││├─login------------------User Login
││├─news-------------------News
││├─product----------------Product Catalog
││└─public-----------------Common directory (some header common frame page, if dynamic also put in this directory)
│└─html----------------------The total directory of static controls (the following subdirectories are similar to Controls/app, except for manually updated controls)
│├─brand
│├─catagory
│├─club
│├─default
│├─login
│├─news
│├─product
│└─public
├─default----------------------website Home
.....

The. NET default style is to put
Theme below and read the folder
For example, there is a default folder in it Layout.css
├─app_theme----------Default----------layout.css
The following code:

@import url ("Http://images.xxxx.com/WebApp/Theme/Css/Default.css");
@import url ("Http://images.xxxx.com/WebApp/Theme/Css/Public.css");
@import url ("Http://images.xxxx.com/WebApp/Theme/Default/LayOut.css");

Configure the above environment

Find the following files:
C:\WINDOWS\system32\drivers\etc\hosts

Add a record
192.168.3.204 Images.xxxx.com (IP for native IP)

------------------------------

Advantages:
Separate the CSS from the picture from the source code manager, each time the acquisition will not be too card.
facilitate backup of programs.
styles, images, etc. are uploaded by the front-end development.
You can also browse directly to the correct page without getting it.
If there is a picture server, that would be more appropriate.

Disadvantages:
@import url ("Http://images.xxxx.com/WebApp/Theme/Default/LayOut.css");
Some people say it will affect loading, write read HTML in read to import inside file.
But I haven't had a thing like that for a while.
Each programmer's local file must be added to the host file-----> 192.168.3.204 Images.xxxx.com

Remedy:
When you are done, write the CSS file directly into the HTML file
<link href= "Http://images.xxxx.com/WebApp/Theme/Css/Default.css" rel= "stylesheet" type= "Text/css"/>
....

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.