山东大学软件学院创新实训（三）——数据与前端

将网页中的图片存储到阿里云OSS中

若是把所有图片都存储到本地数据库，可能需要较大的内存。阿里云OSS可以提供高可用性和高可靠性的存储解决方案，确保数据安全和持久性。

同时，阿里云OSS具有良好的扩展性，可以根据需求动态扩展存储容量，适应业务增长。此外，阿里云OSS支持多种访问方式和丰富的API接口，便于数据管理和集成应用。其全球分布的CDN加速节点还可以提升数据访问速度，优化用户体验。综合来看，使用阿里云OSS能有效提升数据存储和管理的效率，降低运营成本。

其中，@RequestMapping("/file")：定义请求的基本路径为/file，该路径下的所有请求都会被这个控制器处理。FileController继承了BaseController，这意味着它可以使用BaseController中的通用功能，同时也可以访问泛型类型User的特定方法或属性。@Autowired：注入OssClient实例，用于与阿里云OSS交互。

String url = ossClient.upload(file, String.valueOf(loginUser.getId()));：调用ossClient的upload方法上传文件，并将当前登录用户的ID作为参数传递。loginUser.getId()获取当前登录用户的ID，将其转为字符串形式。if (Assert.isEmpty(url))：检查返回的url是否为空（上传是否成功）。

这段代码实现了一个文件上传到阿里云OSS的完整流程，包括检查输入参数、初始化OSS客户端、检查和创建存储桶、生成文件路径和URL、上传文件、设置访问权限以及返回文件URL。这样可以确保文件上传过程的顺利进行，并使上传后的文件可以通过URL访问。

上传之后的格式在数据库中如下所示。

智能医生前端

......

    

        

            

                

                    

                        

                            

                                

                                    

                                        

                                            
                                        
                                        

                                            
智能在线医生
                                            你的专属医生，随时为您服务
                                        
                                    
                                    

                                        

                                            

 

     
 
 

     
现在
     

         [[${session.loginUser.userName}]]你好，我是您的智能专属医生，身体不舒服或者有任何需要咨询的问题，都可以向我提问，我会全心全意为您解答！
 
                                            
                                        
                                        

                                            
                                            发送
......

这段前端代码是一个网页的HTML结构，主要用于展示一个智能在线医生的仪表盘页面。页面包含头部信息、预加载动画、主内容区域和多个脚本文件引用。头部部分定义了页面的字符集、视口设置以及引用的各种CSS文件，用于样式化页面。页面主体包括一个可替换的公共头部、一个仪表盘容器和多个可替换的公共组件，如页脚和搜索框。仪表盘主要展示了一个消息区域，包含医生头像、欢迎信息和一个滚动消息显示区域，用户可以在此输入和发送咨询内容。页面末尾引用了多个JavaScript文件，用于实现页面功能和交互，包括jQuery、Bootstrap以及自定义脚本。页面加载完成后，会调用messageInit函数进行初始化。总体而言，这段代码创建了一个功能齐全的网页界面，用于与在线智能医生进行交互。