内网可访问)先记录一下这个月的坑。
因为是接手的旧项目,所以很长一段时间花在与旧代码兼容上。后端使用PHP,且此项目前后端未分离,所以在我本地也需要搭建PHP环境才能开发运行调试。20号开始否词配置管理模块的开发。
项目结构.png
需求背景
进行SEM广告投放时,为提高投放效率,避免一些无关的搜索词匹配到所投放的广告,通常需要对所投放的广告设置否词。但是否词大多只能基于某一账号下的计划、单元的维度设置,实际投放中,针对通用的否词需要在多个渠道进行配置添加。本需求主要实现基于账号、计划、单元维度的否词配置.举例,我在百度投放了针对三年级的广告, 一个用户在百度搜索了【跳舞】这个关键词,依然展现出我投放的广告,他点击这个广告,但这并不是我想要带来的目标流量。因此我们需要设置否词,如果我将【跳舞】设置此条广告的否词,那么当用户搜索【跳舞】的时候,就不会展示我的广告。
功能lists
否词功能lists.png
v1.1效果图之一(利益相关故隐去渠道>账号>计划>单元名称)
效果图.png商研BI
商研BI.png
开发中遇到的一些问题:
1,从商研BI中切入一个否词入口,后台设置有权限的账号登录之后可访问跳转否词模块。最初入口设置在侧边菜单新增一个tab,后改为在用户名左侧。
2,初始化否词页面默认显示第一个渠道第一个账号下计划列表。侧边菜单为手风琴效果。点击二级菜单才会请求并加载三级菜单。(1)因为请求三级菜单需要两个参数,当前渠道的key和账号的key,所以我把初始化页面请求到的这两个参数保存到dom里,利用自定义属性。并把第一个渠道第一个账号存在sessionStorage(因为后面有坑);(2)还存在一个问题,有的账号已开通但未启用,点击的时候三级菜单默认的空还是会显示(三级菜单较多一般有百个左右所以默认显示五个,多余显示滚动条),优化了一下,判断当前账号三级菜单没数据就弹出一个toast"当前账号暂未启用"。
3,表格使用的bootstrap–table。这个插件还是比较简单的,根据文档需要在js里配置一下。前端层面就是调不同的接口去展示,页面结构差不多。只刷新数据不刷新页面。最大的问题还是请求参数问题。需要的参数我都提前在sessionStorage里set,需要再get。(以后还是不要滥用storage)