SSM+Layui网上书城系统移动端Web开发

拼搏现实的明天。 2022-10-12 12:56 195阅读 0赞

## 移动Web 与 原生应用的优劣势 ##

> ## 一、移动 Web 的优势 ##
> 
> 跨平台: 网页应用运行在浏览器上，不会直接和系统打交道 开发成本低: Because 没有平台问题，开发者不需要掌握多种开发语言和框架  
> 更容易迭代: Web应用所有的资源都在服务器，不需要用户主动安装和更新就可以实现产品的升级迭代
> 
> ## 二、移动 Web 的劣势 ##
> 
> 功能有限: 因为没有和系统直接打交道所以只能使用浏览器提供的部分功能 操作体验欠佳:  
> 由于运行在浏览器上，很多浏览器的质量参差不齐，操作体验势必有所下降 无法离线使用: 虽然 HTML 5  
> 提供了离线存储，但是不代表客户在第一次首次访问应用的时候，本地已经存在 很难被发现:  
> 用户获取APP的方式一般都是通过应用商店下载、APP桌面图标，而Web App 并不具备这些的条件
> 
> ## 三、 原生应用的优势 ##
> 
> 功能完善: 几乎具备设备的所有功能的访问权限 体验更好: 速度快、性能高 可离线使用:  
> 在无网络的情况下，客户也可以进行部分操作，因为原生App的所有程序代码和静态资源在用户安装app时就已经下载到了本地 发现机会高:  
> 应用商城下载、桌面应用图标展示
> 
> ## 四、原生应用的劣势 ##
> 
> 开发成本高: 有多少操作系统就得开发多少套应用程序，维护成本也会相对增加 迭代不可控: 安装首先需应用商城审核，其次需要用户即使的升级  
> 内容限制: 应用商城审核规范条例
> 
> ## 移动Web 现需解决的问题 ##
> 
> 浏览器种类太多，参差不齐 除了系统原生的浏览器，还有很多第三方的浏览器，而且那些第三方的浏览器对HTML 5  
> 的支持程度不一，对网页的渲染与交互也各不相同，增加了Web前端开发的成本。不止是web前端 PC端的IE就是一个魔鬼 网速仍然是性能的瓶颈  
> 在PC时代网速是困扰用户和开发者的最大难题，到了移动时代，这个问题更加被放大，很多时候开发者都需要为网页加速加载做更多的优化  
> 多框架造成门槛高 不管是移动端还是PC端，框架的更新速度以及新框架的出现速度都是很快的。  
> 以上转载于简书蓝海00

总体来看，移动端Web与原生应用之间各有千秋，而博主在Android方面并不精通，因此便采用了这种移动端Web开发的方式。  
下面是移动端网上书城web界面及功能![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 6]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 7]  
该移动端web是在SSM网上书城系统基础上开发的，在经过这段时间的改进后，该系统的功能得到了完善，已经具备了作为毕业设计的条件  
码字不易，给个赞呗  
[SSM网上书城PC端][SSM_PC]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70]: /images/20221005/5ff2fcaa7d2942d7812b5cd45bc96311.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 1]: /images/20221005/13556ad83e6b42d6a0a575af8a343a89.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 2]: /images/20221005/37a7e9e742dc4f3e8ab80b0c0d1c2c19.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 3]: /images/20221005/e4e4e821dfe342bf98ac05ea39cfffd8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 4]: /images/20221005/9f227008c9a942bcb437e0d4feb7a3a6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 5]: /images/20221005/637f4b5c0e984573be4534c3da351f2b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 6]: /images/20221005/c578f7cac31546f78f2ded8ad22eec5f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Blbmd4aWFuZzE5OTg_size_16_color_FFFFFF_t_70 7]: /images/20221005/22d17da25abf440eba37383eab3f7d7f.png
[SSM_PC]: https://blog.csdn.net/pengxiang1998/article/details/118345968