再一次被 AI 的编程能力折服！！！

当前目录是我的一个Django博客项目，apps目录是应用目录，其中flow项目是一个纯前端实现的流程图管理页面，目前这个应用的数据都存在前端，我现在有需求请你来实现：

1. 我希望这个应用的页面效果保持现状，但是需要按照不同的角色区别对待页面的加载方式，只需要考虑两种角色就行，第一个角色是管理员访问，则单独添加一套js代码，管理员访问的时候使用数据库来管理数据，而非管理员访问就用目前的前端存储数据

2. 非管理员访问的时候，保持目前的页面和数据加载、js代码等，管理员访问的时候，加载新的js代码，并在新js代码中实现数据从数据库获取和更新的逻辑

3. 数据库访问数据其实就是使用模型，此时你可以创建一些必要的接口来进行数据请求

4. 以上需求你需要先结合目前的项目代码来分析，然后先不要急着给代码，先给我方案，比如你会创建和修改哪些文件，创建和修改的目的是什么，先告诉我，我来评审方案，我们需要先把方案确认清楚之后才开始改代码

// 管理员数据存储接口
const adminStorage = {
    async getProcessList() {
        const result = await api.getProcessList();
        return result.processes;
    },

    async getProcess(processId) {
        return await api.getProcess(processId);
    },

    async saveProcess(processData) {
        return await api.createProcess(processData);
    },

    async updateProcess(processId, processData) {
        return await api.updateProcess(processId, processData);
    },

    async deleteProcess(processId) {
        return await api.deleteProcess(processId);
    }
};

// localStorage 存储接口
const localStorageImpl = {
    getProcessList() {
        const processes = [];
        for (let i = 0; i < localStorage.length; i++) {
            const key = localStorage.key(i);
            if (key.startsWith('bpmn_')) {
                try {
                    const processData = JSON.parse(localStorage.getItem(key));
                    processes.push({
                        id: key,
                        ...processData
                    });
                } catch (err) {
                    console.error('加载流程数据失败:', err);
                }
            }
        }
        return processes;
    },

    getProcess(processId) {
        return JSON.parse(localStorage.getItem(processId));
    },

    saveProcess(processData) {
        const processId = 'bpmn_' + Date.now();
        localStorage.setItem(processId, JSON.stringify(processData));
        return { id: processId, ...processData };
    },

    updateProcess(processId, processData) {
        localStorage.setItem(processId, JSON.stringify(processData));
        return { id: processId, ...processData };
    },

    deleteProcess(processId) {
        localStorage.removeItem(processId);
    }
};

// 根据角色选择存储实现
window.storage = window.isAdmin ? adminStorage : localStorageImpl;