{"id":720,"date":"2018-02-25T20:33:05","date_gmt":"2018-02-25T12:33:05","guid":{"rendered":"http:\/\/60.205.208.74\/2018\/02\/25\/ionic-%e5%88%9b%e5%bb%ba-app\/"},"modified":"2018-02-25T20:33:05","modified_gmt":"2018-02-25T12:33:05","slug":"ionic-%e5%88%9b%e5%bb%ba-app","status":"publish","type":"post","link":"https:\/\/www.puzi7.net\/?p=720","title":{"rendered":"ionic \u521b\u5efa APP"},"content":{"rendered":"
\n
\n

ionic \u521b\u5efa APP<\/h1>\n

\u524d\u9762\u7684\u7ae0\u8282\u4e2d\u6211\u4eec\u5df2\u7ecf\u5b66\u4f1a\u4e86 ionic \u6846\u67b6\u5982\u4f55\u5bfc\u5165\u5230\u9879\u76ee\u4e2d\u3002<\/p>\n

\u63a5\u4e0b\u6765\u6211\u4eec\u5c06\u4e3a\u5927\u5bb6\u4ecb\u7ecd\u5982\u4f55\u521b\u5efa\u4e00\u4e2a ionic APP \u5e94\u7528\u3002<\/p>\n

ionic \u521b\u5efa APP \u4f7f\u7528 HTML\u3001CSS \u548c Javascript \u6765\u6784\u5efa\uff0c\u6240\u4ee5\u6211\u4eec\u53ef\u4ee5\u521b\u5efa\u4e00\u4e2a www \u76ee\u5f55\uff0c\u5e76\u5728\u76ee\u5f55\u4e0b\u521b\u5efa index.html \u6587\u4ef6\uff0c\u4ee3\u7801\u5982\u4e0b\uff1a<\/p>\n

\n<!DOCTYPE html>\n<html>\n  <head>\n    <meta charset=\"utf-8\">\n    <title>Todo<\/title>\n    <meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width\">\n\n    <link href=\"lib\/ionic\/css\/ionic.css\" rel=\"stylesheet\">\n\n    <script src=\"lib\/ionic\/js\/ionic.bundle.js\"><\/script>\n\n    <!-- \u5728\u4f7f\u7528 Cordova\/PhoneGap \u521b\u5efa\u7684 APP \u4e2d\u5305\u542b\u7684\u6587\u4ef6\uff0c\u7531 Cordova\/PhoneGap \u63d0\u4f9b\uff0c(\u5f00\u53d1\u8fc7\u7a0b\u4e2d\u663e\u793a 404) -->\n    <script src=\"cordova.js\"><\/script>\n  <\/head>\n  <body>\n  <\/body>\n<\/html>\n<\/pre>\n
\n\u4ee5\u4e0a\u4ee3\u7801\u4e2d\uff0c\u6211\u4eec\u5f15\u5165\u4e86 Ionic CSS \u6587\u4ef6\u3001 Ionic JS \u6587\u4ef6\u53ca Ionic AngularJS \u6269\u5c55ionic.bundle.js\uff08ionic.bundle.js\uff09\u3002<\/p>\n
ionic.bundle.js \u6587\u4ef6\u5df2\u7ecf\u5305\u542b\u4e86 Ionic\u6838\u5fc3JS\u3001AngularJS\u3001Ionic\u7684AngularJS\u6269\u5c55\uff0c\u5982\u679c\u4f60\u9700\u8981\u5f15\u5165\u5176\u4ed6 Angular \u6a21\u5757\uff0c\u53ef\u4ee5\u4ece lib\/js\/angular \u76ee\u5f55\u4e2d\u8c03\u7528\u3002<\/p>\n
cordova.js \u662f\u5728\u4f7f\u7528 Cordova\/PhoneGap \u521b\u5efa\u5e94\u7528\u65f6\u751f\u6210\u7684\uff0c\u4e0d\u9700\u8981\u624b\u52a8\u5f15\u5165\uff0c\u4f60\u53ef\u4ee5\u5728 Cordova\/PhoneGap \u9879\u76ee\u4e2d\u627e\u5230\u8be5\u6587\u4ef6\uff0c\u6240\u4ee5\u5728\u5f00\u53d1\u8fc7\u7a0b\u4e2d\u663e\u793a 404 \u662f\u6b63\u5e38\u7684\u3002<\/p>\n
\n
\u521b\u5efa APP<\/h2>\n
\u63a5\u4e0b\u6765\u6211\u4eec\u6765\u5b9e\u73b0\u4e00\u4e2a\u5305\u542b\u6807\u9898\u3001\u4fa7\u8fb9\u680f\u3001\u5217\u8868\u7b49\u7684\u5e94\u7528,\u8bbe\u8ba1\u56fe\u5982\u4e0b\uff1a<\/p>\n
<\/p>\n
\u521b\u5efa\u4fa7\u8fb9\u680f<\/h3>\n
\n\u4fa7\u8fb9\u680f\u521b\u5efa\u4f7f\u7528 ion-side-menus \u63a7\u5236\u5668\u3002<\/p>\n
\u7f16\u8f91\u6211\u4eec\u5148\u524d\u521b\u5efa\u7684 index.html \u6587\u4ef6\uff0c\u4fee\u6539 <body> \u5185\u7684\u5185\u5bb9\uff0c\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n
\n<body>\n  <ion-side-menus>\n    <ion-side-menu-content>\n    <\/ion-side-menu-content>\n    <ion-side-menu side=\"left\">\n    <\/ion-side-menu>\n  <\/ion-side-menus>\n<\/body>\n<\/pre>\n
\u63a7\u5236\u5668\u89e3\u6790\uff1a<\/p>\n