我的毕设开发笔记

今天药忘吃喽~ 2022-11-10 05:27 150阅读 0赞

### 文章目录 ###

*  开发问题记录
 *  接口设计
 *  电商毕设
 *  前端知识点总结
 *  问题记录
 *   *  通过错误分析源码和以错误提示作为出发点思考步步求解
 *  代码解释
 *  接口解释
 *  参考文章

# 开发问题记录 #

前端js 的number类型最大值是16位数字，而雪花算法是18位的long型，这样子的话当你将long型返回给前端，前端接受时会造成精度丢失，比如后台传的是827878979166797520  
前台显示的就是  
827878979166797500

后台将其按照字符串返回就不会造成精度丢失了，前台也按照字符串来接受long型（否则前台按照string类型传“827878979166797520”，后台参数是Long,可能导致String转Long失败，而如果前台传827878979166797520数字，到后台接受的可能是827878979166797500这样都是不对的）

# 接口设计 #

先完成商品+商品详情

添加商品界面–可参考如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70]  
商品分类，详情，属性是块硬骨头

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 1]  
最多三级联动  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 2]

--------------------

首页轮播图：可以在天猫，京东，聚美优品去盗图。

https://aecpm.alicdn.com/simba/img/TB1\_JXrLVXXXXbZXVXXSutbFXXX.jpg  
轮播图片地址—字段  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 3]  
/products?categoryId=100012&pageSize=6  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 4]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 5]  
还是图片  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 6]

按照类别查找商品  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 7]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 8]

# 电商毕设 #

**后台管理**—前端后端–纯vue+js=======https://www.bilibili.com/video/BV15y4y1B7gA?from=search&seid=8519996372769681978  
![在这里插入图片描述][20210321191329249.png]  
![在这里插入图片描述][20210321191458519.png]  
**前台门户网站**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 9]

# 前端知识点总结 #

一个组件并不会真的渲染成一个节点的  
所以需要加样式选择器  
好比如< el-button》  
使用.el-button设置样式是不会生效的，需要加入 < el-button style="" class=“dim”》  
.dim\}\{  
\}

--------------------

一层一层的摘掉，一层一层的排查，给出确定的证据定位问题，不要想当然  
/deep/ 需要用sass才会生效，否则只会让css样式失效

块元素是不能左右移动的，需要变成----block----inline-block

--------------------

# 问题记录 #

Correct the classpath of your application so that it contains a single, compatible version of org.apache.ibatis.session.Configuration

The following method did not exist:

org.apache.ibatis.session.Configuration.getLanguageDriver

--------------------

这是由于我引入了flowable,里面依赖的mybatis和我引入的mybatis-plus版本冲突了

![在这里插入图片描述][20210318202701290.png]  
![在这里插入图片描述][20210318202723619.png]

<dependency>
    			<groupId>org.flowable</groupId>
    			<artifactId>flowable-spring-boot-starter</artifactId>
    			<version>6.4.1</version>
    			<exclusions>
    				<exclusion>
    					<groupId>org.mybatis</groupId>
    					<artifactId>mybatis</artifactId>
    				</exclusion>
    			</exclusions>
    		</dependency>

## [通过错误分析源码和以错误提示作为出发点思考步步求解][Link 1] ##

< style lang=“stylus” scoped> 使用笔记

"stylus": "^0.54.7",
        "stylus-loader": "^3.0.2"

# 代码解释 #

*  process根节点

> < process **id**=“Expense”【流程的唯一标识，启动该流程时需要使用该ID】 **name**=“ExpenseProcess”【流程的名字】>

*  startEvent开始节点

> < **startEvent**【流程启动事件】 id=“start” 【唯一标识】/>

*  userTask代办人处理节点

> < **userTask** id=“fillTask”【节点唯一标识】 name=“出差报销” **flowable:assignee**="$\{taskUser\}" 【任务办理人，candidateUsers 多个任务办理人，candidateGroups 任务处理人候选组,处理人必须在这个组内】 **dueDate** 设置用户任务到期日期 **priority** 用户任务优先级,0-100>

--------------------

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 10]

> < **userTask**>  
> < **extensionElements**【任务扩展元素，包含taskListener,executionListener,eventListener,in,out…】>  
> < **flowable:taskListener**,executionListener,eventListener,in,out  
> **event**=“create” 【监听的任务事件名,create（创建任务事件）、assignment（分配任务）、complete（完成任务事件）】  
> **class**=“org.xxx”【任务监听器类,需要实现TaskListener】>< /activiti:taskListener>  
> < /extensionElements>  
> < /userTask>

*  exclusiveGateway排它网关

> <**exclusiveGateway** id=“judgeTask”【唯一标识】>

*  顺序流

> < sequenceFlow ，  
> **id**： 顺序流id  
> **sourceRef**：上一个节点id  
> **targetRef**: 下一个节点id>  
> 【表达式，条件可以放在 $\{\}】  
> < conditionExpression xsi:type=“tFormalExpression”> $\{day>5\}< /conditionExpression>  
> < /sequenceFlow>

*  endEvent：流程结束事件

[BPMN2.0.xml文件详解][BPMN2.0.xml]  
[BPMN 2.0规范详解][BPMN 2.0]

# 接口解释 #

流程定义process-definition-key  
pdfKey需要以存入输入库后返回的为准，比如xml设计器里面写的是first-leave  
返回可能是first-leave:1:bb301153-862a-11eb-bcf5-c85b76a87437  
![在这里插入图片描述][20210316164435932.png]

# 参考文章 #

[奇文网盘-100%开源—前后端安装教程][-100]  
[jq+css+html简单前端界面][jq_css_html]

[vue-element日历calendar组件个性化改造（备忘录圆点、点击事件）][vue-element_calendar]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70]: /images/20221023/97f7b989094e42909ee6adf04619f43c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 1]: /images/20221023/18c97a344c8847a1b8c231214a4b5487.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 2]: /images/20221023/c0611ab604f74288b93a8d7dc093df5c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 3]: /images/20221023/534ad7cbfbc642af8fbbacbd8e8b6748.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 4]: /images/20221023/c14d9378ffeb4c859f9861edc0b382b5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 5]: /images/20221023/28fd4ece2f744b1ca51337242c38ef19.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 6]: /images/20221023/6c89ce7b0c74428db788006b3db9f7c4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 7]: /images/20221023/a577eccc9b9844dc8e10c232d58c88b4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 8]: /images/20221023/ec4df7de12f7451a8aa68fa2755bb6f8.png
[20210321191329249.png]: /images/20221023/5dc0691830e44262a51fb57a00f8e59f.png
[20210321191458519.png]: /images/20221023/83ef205df2c246749d8ba86d15dd43f9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 9]: /images/20221023/64531499487640b0a80d84b4c962ac37.png
[20210318202701290.png]: /images/20221023/e0dd8d9ffb1748c38d6b4e80b42312d7.png
[20210318202723619.png]: /images/20221023/f5a86438d7314437a3a6663fa95ce1ec.png
[Link 1]: https://blog.csdn.net/weixin_29026443/article/details/113087998?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-1&spm=1001.2101.3001.4242
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDYzMTQx_size_16_color_FFFFFF_t_70 10]: /images/20221023/d72945542498434e922d17558e1dc6f6.png
[BPMN2.0.xml]: https://blog.csdn.net/y_bccl27/article/details/100914975
[BPMN 2.0]: https://blog.csdn.net/weixin_34126215/article/details/92530336
[20210316164435932.png]: /images/20221023/e4b93d1c6905402b9ea5602633438b15.png
[-100]: https://www.qiwenshare.com/essay/detail/169
[jq_css_html]: https://www.cnblogs.com/fallstar/p/9761066.html
[vue-element_calendar]: https://blog.csdn.net/weixin_41884808/article/details/110393071?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Edefault-4.control&dist_request_id=1328680.10133.16161487747694993&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7Edefault-4.control