Web サイト開発では、都市を選択するときにポップアップ表示される州、都市、郡の選択インターフェイスなど、カスケード データの表示に遭遇することがよくあります。多くのフロントエンド開発者は、州、市、郡のデータをデータベースからではなく JSON から取得することに慣れています。次に、州、市、または郡の都市を選択した後、選択した都市のコードをデータベースに保存する必要があります。したがって、JSON データ (通常は JavaScript スクリプトに格納されている) の構造全体をデータベースにインポートできる関数が必要です。
JSON は、階層構造と配列で表されるオブジェクトをサポートすることを特徴としています。次の例では、JSON の州、市、および郡のデータをデータベースに保存する方法を紹介します。実装原理は非常に単純で、JSON Java ツールキット API を使用して、再帰によって階層的な JSON オブジェクト配列を Java オブジェクト配列に変換します。次にデータベースに保存します。
実装手順は次のとおりです:
(1) 最初に JsonItem エンティティ クラスを定義します:
package org.openjweb.core.entity; public class JsonItem { private String sub_id; private String sub_name; private JsonItem[] items; public JsonItem[] getItems() { return items; } public void setItems(JsonItem[] items) { this.items = items; } public String getSub_id() { return sub_id; } public void setSub_id(String sub_id) { this.sub_id = sub_id; } public String getSub_name() { return sub_name; } public void setSub_name(String sub_name) { this.sub_name = sub_name; } }
(2) ツール クラスを定義し、ツール クラスで Json データ ファイルを読み取り、再帰呼び出しを行います:
public static String importJson(String fullFileName,String jsonType,String encoding,HttpServletRequest request) throws Exception { //Json转换为实体类参考:http://www.cnblogs.com/hoojo/archive/2011/04/21/2023805.html String sReturn = ""; String jsonData = ""; try { jsonData = FileUtil.getTextFileContent(fullFileName, encoding); } catch(Exception ex) { sReturn ="读Json文件失败!"; } //获取rootId //logger.info(""); jsonData = jsonData.replace("\"items\":\"\"", ""); //去掉空的 items String parentId = jsonData.substring(jsonData.indexOf("\"id\":")+5); parentId = parentId.substring(0,parentId.indexOf(",")).trim(); parentId = parentId.replace("\"", ""); logger.info("root id=="+parentId); String parentName = jsonData.substring(jsonData.indexOf("\"name\":")+7); parentName = parentName.substring(0,parentName.indexOf(",")).trim(); parentName = parentName.replace("\"", ""); logger.info("root Name=="+parentName); String rootData = jsonData.substring(jsonData.indexOf("\"items\":")+8,jsonData.lastIndexOf("}")); rootData = jsonData.substring(jsonData.indexOf("[")+1,jsonData.lastIndexOf("]")); //不同json的id,name表示不一样,统一换成sub_id,subname以便与JsonItem的类属性匹配 // 替换后方便统一处理 rootData = rootData.replace("city_id", "sub_id"); rootData = rootData.replace("sub_city", "sub_name"); rootData = rootData.replace("city", "sub_name"); rootData = rootData.replace("sub_txt", "sub_name"); rootData = rootData.replace("sub_industry", "sub_name"); rootData = rootData.replace("industry_id", "sub_id"); rootData = rootData.replace("industry", "sub_name"); rootData = rootData.replace("sub_profession", "sub_name"); rootData = rootData.replace("profession_id", "sub_id"); rootData = rootData.replace("profession", "sub_name"); //将rootData转换为array rootData = "[" + rootData + "]"; try { FileUtil.str2file(rootData, "d:/jsonData.txt", "utf-8");//存储到磁盘检查字符串转换是否正确 } catch(Exception ex) { } JSONArray jsonArray = JSONArray.fromObject(rootData); Object[] os = jsonArray.toArray(); JsonItem[] items = (JsonItem[]) JSONArray.toArray(jsonArray, JsonItem.class); saveJsonEnt(jsonType,parentId,parentName,"-1",new Long(1)); dealJson(items,parentId,jsonType,new Long(1)); return sReturn ; } private static void saveJsonEnt (String jsonType,String jsonId,String jsonName,String parentId,Long levelId) throws Exception { logger.info(jsonType+"/"+jsonId+"/"+jsonName+"/"+parentId+"/"+String.valueOf(levelId)); CommJsonData ent = new CommJsonData(); ent.setJsonType(jsonType); ent.setJsonCode(jsonId); ent.setJsonName(jsonName); ent.setRowId(StringUtil.getUUID()); ent.setParentCode(parentId); ent.setLevelId(levelId); IDBSupportService service = (IDBSupportService)ServiceLocator.getBean("IDBSupportService3"); service.saveOrUpdate(ent); } private static String dealJson(JsonItem[] jsonItem,String parentId,String jsonType,Long level) { String sReturn = ""; if(jsonItem!=null&&jsonItem.length>0) { for(int i=0;i<jsonItem.length;i++) { JsonItem ent = jsonItem[i]; //System.out.println(ent.getSub_id()); //System.out.println(ent.getSub_name()); try { saveJsonEnt(jsonType,ent.getSub_id(),ent.getSub_name(),parentId,level+1); } catch(Exception ex) { ex.printStackTrace(); } if(ent.getItems()!=null) { //System.out.println("子项数:"+ent.getItems().length); dealJson(ent.getItems(),ent.getSub_id(),jsonType,level+1); } else { //System.out.println("没有子项!"); } } } //此函数 return sReturn ; }
サンプル データ( パート ):
{ "name": "全国", "id": "0000000000", "description": "崇德易城市数据", "modified": "2012年08月", "copyright": "http://www.chongdeyi.com/", "items": [ { "city": "北京市", "city_id": "1001000000", "items": [ { "sub_city":"东城区", "sub_id":"2001001000" }, { "sub_city":"西城区", "sub_id":"2001002000" }, { "sub_city":"朝阳区", "sub_id":"2001006000" }, { "sub_city":"丰台区", "sub_id":"2001007000" }, { "sub_city":"石景山区", "sub_id":"2001008000" }, { "sub_city":"海淀区", "sub_id":"2001009000" }, { "sub_city":"门头沟区", "sub_id":"2001010000" }, { "sub_city":"房山区", "sub_id":"2001011000" }, { "sub_city":"通州区", "sub_id":"2001012000" }, { "sub_city":"顺义区", "sub_id":"2001013000" }, { "sub_city":"昌平区", "sub_id":"2001014000" }, { "sub_city":"大兴区", "sub_id":"2001015000" }, { "sub_city":"怀柔区", "sub_id":"2001016000" }, { "sub_city":"平谷区", "sub_id":"2001017000" }, { "sub_city":"延庆县", "sub_id":"2001018000" }, { "sub_city":"密云县", "sub_id":"2001019000" }] },{ "city": "天津市", "city_id": "1002000000", "items": [ { "sub_city":"和平区", "sub_id":"2002001000" }
上記は、エディターによって Java オブジェクトに変換され、データベースに保存される Json 木構造データの JSON 複雑なデータ処理の実装です
Json 木構造データ変換の詳細な JSON 複雑なデータ処理 記事用Java オブジェクトの実装とデータベースへの保存に関連する場合は、PHP 中国語 Web サイトに注意してください。

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析:ソースコードを語彙ユニットに変換します。 2。文法分析:抽象的な構文ツリーを生成します。 3。最適化とコンパイル:JITコンパイラを介してマシンコードを生成します。 4。実行:マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1)フロントエンド開発:DOM操作と最新のフレームワーク(React、Vue.JS、Angularなど)を通じて、動的なWebページとシングルページアプリケーションを構築します。 2)サーバー側の開発:node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3)モバイルおよびデスクトップアプリケーション開発:クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

Pythonはデータサイエンスや機械学習により適していますが、JavaScriptはフロントエンドとフルスタックの開発により適しています。 1. Pythonは、簡潔な構文とリッチライブラリエコシステムで知られており、データ分析とWeb開発に適しています。 2。JavaScriptは、フロントエンド開発の中核です。 node.jsはサーバー側のプログラミングをサポートしており、フルスタック開発に適しています。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

WebStorm Mac版
便利なJavaScript開発ツール

SublimeText3 中国語版
中国語版、とても使いやすい

Dreamweaver Mac版
ビジュアル Web 開発ツール

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター
