partybid 1枚目のカードまとめ
5322 ワード
Partybidの最初のカードを受け取る前に準備をしました.Angularjs、HTML、CSS、Javascriptに触れたことがありません.これらは私にとって新しいものなので、まずそれらを理解しなければなりません.これらの言語を勉強するとき、初心者がW 3 Schoolというネット学習に行くと受け入れやすいことに気づきました.彼は基礎教程と高級教程に分けられ、異なる段階で自分の必要な資料と知識を見つけることができます.
コードを書く前に、プロジェクトを作成するには、yoでpartybidというプロジェクトを作成します.gitというソフトについては、最初は自分でインターネットでたくさんの資料を調べましたが、これらの資料は簡単に紹介されていて、今まで接触したことがない人にとってはgitを理解するのは難しいです(少なくとも私にとっては).それから同級生の助けの下でgitを詳しく紹介するチュートリアルを見つけました.URLは以下の通りです.
http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
このチュートリアルでgitの動作原理とどのように使用するかを本当に理解し、ライブラリの概念についても明確に理解しました.以下は1枚目のカードのまとめです.
一.プロジェクトの作成:
プロジェクトを作成する前にyeomanとRubymineがインストールされていることを確認します.
端末に入力:
これで自分のプロジェクトが作成されました.
二.ルーティングの構成:
ルーティングは、異なるURLを対応するURLを鳴らすHandlerにマッチングする機能モジュールを実現するものであり、我々は使用する必要がある.when関数はこのURLをHandlerと一致させる.コードは次のとおりです.
たとえば、私が作成したアクティブリストインタフェースのhtmlは、views/activity_です.list.html、これに対応するコントローラがActivity ListCtrlに設定されている場合、ルーティングは以下のように構成されます.
三.使用するngシリーズのコマンド:
1.ng-show:ng-show:値が真の場合に表示され、偽の場合に非表示になります.そしてng-showの後に付いているのは式で、できないことに注意してください.jsファイルの機能式はhtmlページに直接適用されます.そうしないと文字列になり、役に立ちません.
上のコードのng-showの値は“xianyin”で、.jsファイルには「xianyin」の機能が明記されています.以下のようになります.
2.ng-disabled:失効状態を制御し、値が真の場合に失効し、使用できません.
3.ng-repeat:ループ反復を実現するために使用されます.次のコードでは、アクティビティの名前をリスト形式で並べ替えることができます.
4.ng-model:テンプレートからデータへのバインドを実現
はい.jsファイルでは、バインドされたアクティビティ名を使用できます.
四.データストア:localStorageの使い方
1.localStorage. length:現在格納されている変数の数を返します.
2.localStorage.setItem(k,v):およびlocalStorage.k=vまたはlocalStorage['k']=vと同様に、キー値kの変数値を設定します.
3. localStorage.getItem(k):およびlocalStorage.kまたはlocalStorage['k']のように、キー値がkの変数の値を取得します.
localStorageには文字列しか格納できないのでJSON形式でアクセスします.JSON.stringify(activity)は配列を文字列に変換するJSONである.parse(localStorage.getItem(「create_activity_name」)は、文字列を配列に変換します.
五.ソートの問題
アクティビティ名をリストする場合は、新しく作成したアクティビティ名を一番前に並べ替える必要があります.これはソートする必要があります.2つの方法で実現できます.
1.unshift():格納時にpushではなくunshiftとは、最新に格納されたアクティビティ名を配列のヘッダに挿入し、既存の要素を順次高い下付きスケールに移動してスペースを残すことで、遍歴時に最新に作成されたアクティビティを先頭に並べることができます.
2.フィルタでソート機能を実現するには、一般的には
六.cordovaのインストールアプリケーション
Androidアプリケーションを書く人はcordovaを使ってプログラムをカプセル化する必要があります.まず、git、nodejs、android-sdk-linuxがインストールされていることを確認し、次の手順に従います.
1.cordovaのインストール:
-gはグローバルにインストールされていることを示します
2.appを作成するには:
最初のパラメータ「cordova-project」はcordova-projectというフォルダを作成することを表し、2番目のパラメータcom.example.cordovaprojectは、異なるappを示すパッケージ名を表し、3番目のパラメータpartybidは、最後に生成されたapkファイルの名前を表す.
3.プラットフォームの追加:
作成したプロジェクトに進みます.
Androidプラットフォームの追加:
プラットフォームを追加した後、platformsというフォルダにandroidというフォルダが表示され、プラットフォームの追加に成功したことを示します.プロジェクトをコンパイルする前に、プロジェクトのdistファイルの中のものをcordova-projectフォルダの下のwwwフォルダにコピーし(まずwwwフォルダの中の元のものを削除)、コンパイルを行います.
これでcordova-projectフォルダのandroidフォルダにpartybid-debugを見つけることができます.apkファイルです.このファイルは携帯電話に応用できます.
参考資料:http://wenzhixin.net.cn/2014/02/11/cordova_command_line
4.問題:android携帯電話はパソコンに接続しても表示されず、解決方法は以下の通りです.端末に入力します.
利用可能なすべてのアンドロイドデバイスをリストできます.開く前にコンパイルしましたapkファイルが存在するフォルダ:
これは私のapkファイルがあるパスです.apkファイルを見つけてインストールします.
partybid-debug.apkは私のapkファイルで、個人は自分の状況に応じて自分のapkファイルを見つけるべきです.
コードを書く前に、プロジェクトを作成するには、yoでpartybidというプロジェクトを作成します.gitというソフトについては、最初は自分でインターネットでたくさんの資料を調べましたが、これらの資料は簡単に紹介されていて、今まで接触したことがない人にとってはgitを理解するのは難しいです(少なくとも私にとっては).それから同級生の助けの下でgitを詳しく紹介するチュートリアルを見つけました.URLは以下の通りです.
http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
このチュートリアルでgitの動作原理とどのように使用するかを本当に理解し、ライブラリの概念についても明確に理解しました.以下は1枚目のカードのまとめです.
一.プロジェクトの作成:
プロジェクトを作成する前にyeomanとRubymineがインストールされていることを確認します.
端末に入力:
mkdir my-project //
cd my-project //
yo webapp
npm install -g generator-angular
yo angular
これで自分のプロジェクトが作成されました.
二.ルーティングの構成:
ルーティングは、異なるURLを対応するURLを鳴らすHandlerにマッチングする機能モジュールを実現するものであり、我々は使用する必要がある.when関数はこのURLをHandlerと一致させる.コードは次のとおりです.
.when(url, {
templateUrl: ' ',
controller: ' '
})
たとえば、私が作成したアクティブリストインタフェースのhtmlは、views/activity_です.list.html、これに対応するコントローラがActivity ListCtrlに設定されている場合、ルーティングは以下のように構成されます.
.when('/activity_list',{
templateUrl: 'views/activity_list.html',
controller: 'ActivityListCtrl'
})
三.使用するngシリーズのコマンド:
1.ng-show:ng-show:値が真の場合に表示され、偽の場合に非表示になります.そしてng-showの後に付いているのは式で、できないことに注意してください.jsファイルの機能式はhtmlページに直接適用されます.そうしないと文字列になり、役に立ちません.
<a href="#/activity_list" class="side-slide-trigger btn-style btn-4" ng-show="xianyin"> </a>
上のコードのng-showの値は“xianyin”で、.jsファイルには「xianyin」の機能が明記されています.以下のようになります.
$scope.xianyin=localStorage.length;
2.ng-disabled:失効状態を制御し、値が真の場合に失効し、使用できません.
3.ng-repeat:ループ反復を実現するために使用されます.次のコードでは、アクティビティの名前をリスト形式で並べ替えることができます.
<li ng-repeat='activities_name in activities' class="btn-style btn-3">{{activities_name}}</li>
4.ng-model:テンプレートからデータへのバインドを実現
<input type="text" class="input-full" ng-model="activity_name" />
はい.jsファイルでは、バインドされたアクティビティ名を使用できます.
var present_name=$scope.activity_name;
四.データストア:localStorageの使い方
1.localStorage. length:現在格納されている変数の数を返します.
2.localStorage.setItem(k,v):およびlocalStorage.k=vまたはlocalStorage['k']=vと同様に、キー値kの変数値を設定します.
localStorage.setItem("create_activity_name",JSON.stringify(activity));
3. localStorage.getItem(k):およびlocalStorage.kまたはlocalStorage['k']のように、キー値がkの変数の値を取得します.
var activity=JSON.parse(localStorage.getItem("create_activity_name"));
localStorageには文字列しか格納できないのでJSON形式でアクセスします.JSON.stringify(activity)は配列を文字列に変換するJSONである.parse(localStorage.getItem(「create_activity_name」)は、文字列を配列に変換します.
五.ソートの問題
アクティビティ名をリストする場合は、新しく作成したアクティビティ名を一番前に並べ替える必要があります.これはソートする必要があります.2つの方法で実現できます.
1.unshift():格納時にpushではなくunshiftとは、最新に格納されたアクティビティ名を配列のヘッダに挿入し、既存の要素を順次高い下付きスケールに移動してスペースを残すことで、遍歴時に最新に作成されたアクティビティを先頭に並べることができます.
var name=Array();
name.unshift(present_name);
2.フィルタでソート機能を実現するには、一般的には
{{ expression | filter }}
六.cordovaのインストールアプリケーション
Androidアプリケーションを書く人はcordovaを使ってプログラムをカプセル化する必要があります.まず、git、nodejs、android-sdk-linuxがインストールされていることを確認し、次の手順に従います.
1.cordovaのインストール:
npm install -g cordova
-gはグローバルにインストールされていることを示します
2.appを作成するには:
cordova create cordova-project com.example.cordovaproject partybid
最初のパラメータ「cordova-project」はcordova-projectというフォルダを作成することを表し、2番目のパラメータcom.example.cordovaprojectは、異なるappを示すパッケージ名を表し、3番目のパラメータpartybidは、最後に生成されたapkファイルの名前を表す.
3.プラットフォームの追加:
作成したプロジェクトに進みます.
cd cordova-project
Androidプラットフォームの追加:
cordova platforms add android
プラットフォームを追加した後、platformsというフォルダにandroidというフォルダが表示され、プラットフォームの追加に成功したことを示します.プロジェクトをコンパイルする前に、プロジェクトのdistファイルの中のものをcordova-projectフォルダの下のwwwフォルダにコピーし(まずwwwフォルダの中の元のものを削除)、コンパイルを行います.
cordova build
これでcordova-projectフォルダのandroidフォルダにpartybid-debugを見つけることができます.apkファイルです.このファイルは携帯電話に応用できます.
参考資料:http://wenzhixin.net.cn/2014/02/11/cordova_command_line
4.問題:android携帯電話はパソコンに接続しても表示されず、解決方法は以下の通りです.端末に入力します.
adb devices
利用可能なすべてのアンドロイドデバイスをリストできます.開く前にコンパイルしましたapkファイルが存在するフォルダ:
cd cordova-project/platforms/android/ant-build
これは私のapkファイルがあるパスです.apkファイルを見つけてインストールします.
adb install -r partybid-debug.apk
partybid-debug.apkは私のapkファイルで、個人は自分の状況に応じて自分のapkファイルを見つけるべきです.