实现一个基于web的文件加解密系统，加解密由分组加密算法AES或SM4实现，密钥由口令派生得到，加密模式为CBC模式。加解密基本流程描述如下： 用户将待加密/解密的文件上传至系统，输入加密口令，系统用口令生成的密钥进行加密/解密操作，得到密文/明文文件，用户下载该文件。

实现步骤如下：

1. 前端界面设计

设计一个简洁明了的界面，包括文件上传和下载按钮、口令输入框、加密和解密按钮等。

2. 文件上传

使用HTML5的File API实现文件上传功能，将用户选择的文件读取成二进制数据，并发送给后端。

3. 口令派生

使用口令派生函数（如PBKDF2、scrypt等）将用户输入的口令派生成密钥。

4. 分组加密

使用AES或SM4算法对文件进行分组加密，加密模式为CBC模式。

5. 密文/明文文件生成

将加密后的文件保存为密文文件，或将解密后的文件保存为明文文件。

6. 文件下载

实现文件下载功能，将密文/明文文件发送给前端，供用户下载。

7. 异常处理

对于各种异常情况（如文件格式不支持、口令错误等），给出相应的提示信息。

8. 安全性保障

在传输过程中使用HTTPS协议，保证数据传输的安全性；并对口令进行哈希处理，避免明文传输和存储，增强安全性。

9. 代码测试

对代码进行全面测试和调试，保证系统的稳定性和可靠性。

以上就是基于web的文件加解密系统的实现步骤，需要注意的是，代码中需要使用到一些加密算法库，如CryptoJS等。同时，需要注意保护用户的隐私信息，如口令、密钥等。