遍历目录结构生成JSON

遍历目录生成JSON,带时间戳

package com.dreamvoc.resource;

import org.codehaus.jackson.map.ObjectMapper;

import java.io.File;
import java.io.IOException;
import java.util.HashMap;

/**
 * Created by fangjian on 14-3-20.
 */
public class service {
    public static void main(String[] args) {
        String static_root="/Users/fangjian/static_root";
       // String static_root= Starter.prop.getProperty("static_root");
        String json=dir2json(static_root);
        System.out.println(json);
    }

    public static String  dir2json(String dir_path){
        HashMap<String ,Object> dirMap=new HashMap<String ,Object>();
        File root=new File(dir_path);
        dir2map(root,dirMap);
        try {
            ObjectMapper mapper = new ObjectMapper();
            String json = mapper.defaultPrettyPrintingWriter().writeValueAsString(dirMap.get(root.getName()));
            return jso
  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要通过 JSON 动态加载组件并生成页面,你可以遵循以下步骤: 1. 创建一个 JSON 文件,其中包含页面的结构和组件信息。例如,可以使用类似于以下的结构: ```json { "pages": [ { "name": "Page1", "components": [ { "name": "Component1", "props": { "text": "Hello, World!" } }, { "name": "Component2", "props": { "data": [1, 2, 3, 4, 5] } } ] }, { "name": "Page2", "components": [ { "name": "Component3", "props": { "title": "Welcome to Page 2" } } ] } ] } ``` 2. 在你的 React 应用程序中,创建一个组件来加载和渲染 JSON 文件中定义的页面和组件。例如,可以使用以下代码: ```tsx import React, { useEffect, useState } from 'react'; import { ComponentType } from 'react'; type ComponentProps = { name: string; props: object; }; type Page = { name: string; components: ComponentProps[]; }; type PageData = { pages: Page[]; }; const DynamicPage: React.FC = () => { const [pageData, setPageData] = useState<PageData | null>(null); useEffect(() => { // 使用异步请求加载 JSON 文件 const fetchData = async () => { const response = await fetch('path/to/your/json/file.json'); const data = await response.json(); setPageData(data); }; fetchData(); }, []); if (!pageData) { return <div>Loading...</div>; } const renderComponent = (component: ComponentProps): JSX.Element => { const Component: ComponentType<any> = require(`./components/${component.name}`).default; return <Component {...component.props} />; }; return ( <> {pageData.pages.map((page, index) => ( <div key={index}> <h1>{page.name}</h1> {page.components.map((component, componentIndex) => ( <div key={componentIndex}>{renderComponent(component)}</div> ))} </div> ))} </> ); }; export default DynamicPage; ``` 在上面的代码中,我们首先使用 `useEffect` 和 `fetch` 异步加载 JSON 文件,并将其保存在 `pageData` 状态中。 然后,我们定义了一个 `renderComponent` 函数,它根据组件的名称动态导入相应的组件,并传递组件的属性。这里我们假设组件文件位于 `./components` 目录下。 最后,我们通过遍历 `pageData.pages` 和 `page.components` 来渲染页面和组件。 请确保根据你的实际情况修改代码中的路径和组件导入逻辑。 希望这能帮到你!如果有任何进一步的问题,请随时问我。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值