ANGULARJS---Project set up a picture and text course _node.js

Source: Internet
Author: User
Tags md5 encryption pack

Development tools using Webstorm, not cracked, using the expiration policy: After installation is not anxious to open the program, first set the system date for a future date, such as 2020. Then open the program and try again. And then change back to the system date. Although each time you open Webstorm will prompt:

But do not affect use, click "OK" to continue.

The project uses the Anguarjs Seed project as the basic framework, which is completed as follows:

. BOWERRC is configured as follows:

"Directory": "App/lib"}

3. The view in app is split into different directories, as follows:

4. Next is the dependent Third-party Library import, bower install--save library name

The few that are used:

Angular-local-storage: Local storage, automatically switch to cookies if Localstore is not supported

Angular-summernote: Simple Rich text editing, easy interface reference, remember to register "Summernote" in App.js

<summernote height= "lang=" "ZH-CN" ></summernote>

Angular-base64 and ANGULAR-MD5 encryption and decryption

Bootstrap style must be this

Bootstrap-fileinput picture upload, support upload can preview

5. Configure the packaged Fis-config.js

Contains all documents
fis.config.set (' project.include ', ' * * ');
Exclude directory
fis.config.set (' Project.exclude ',/^\/lib\/.*\/src\//i);

Load Pack
fis.config.set (' Modules.postpackager ', ' simple ');
Fis.config.set (' pack ', {
  ' js/application.js '): [
    '/lib/angular/angular.min.js ',
    '/lib/angular-route/ Angular-route.min.js ',
    '/lib/jquery/dist/jquery.min.js ',
    '/js/app.js ',
    '/js/controllers.js ',
    '/js/directives.js ',
    '/js/filters.js ',
    '/js/services.js ',
  ' css/application.css ': [
    '/lib/bootstrap/dist/css/bootstrap.min.css ',
    ' lib/font-awesome/css/font-awesome.min.css ', '
    /css/**. CSS '
  ]
});

Fis.config.merge ({
  roadmap: {
    domain: {
      ' **.css ': '/ocs ',
      ' **.js ': '/ocs ',
      ' **.eot ': '/ OCS ',
      ' **.ttf ': '/ocs ',
      ' **.woff ': '/ocs ',
      ' **.woff2 ': '/ocs '
}}} Fis-config.js

6. Style template, selected a number of open source projects based on Angulajs+bootstrap, feel good two

Adminlte:git://github.com/almasaeed2010/adminlte.git

Charisma:https://github.com/usmanhalalit/charisma/archive/master.zip

Above this article Angularjs---project constructs the picture and text course is small arranges to share to everybody's content, hoped can give everybody a reference, also hoped that everybody supports the cloud habitat community.

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.