首页 文章 精选 留言 我的

精选列表

搜索[内容标注],共10007篇文章
优秀的个人博客,低调大师

Nodejs 内容管理系统 DoraCMS 2.1.7 发布

近期对 DoraCMS 做了部分优化,主要优化点为模板和插件,同时也修复了一些比较严重的bug,具体如下: 添加了新的模板标签(新闻,热门,推荐,随机,广告,分类等) 优化了模板结构,开发模板更便捷 解决了由于缓存问题引起的验证码提示不正确问题 解决编辑资源信息提示不允许重复的问题 优化了插件安装逻辑,解决了安装后报错问题 解决文档阅读数量不准确问题 新增了7个免费模板 从 2.1.7 版本开始,您可以通过命令行的方式在本地创建DoraCMS工程,非常方便: npmidoracms-g//全局安装doracms命令行工具 doracreatemycms//本地/服务器环境任意目录执行

优秀的个人博客,低调大师

DoraCMS 2.1.6 发布,Nodejs 内容管理系统

首先非常开心收到开源中国寄送的 1000 start 奖杯,预示着 DoraCMS 即将进入一个新的阶段。 近期对 DoraCMS 存在的问题做了一些优化,比如内存缓存问题,gulp 在高版本nodejs 下报错问题,apidoc 无法生成文档的问题,这次版本一并做了优化,针对高版本nodejs也可以完全兼容,升级细节如下: * api 文档换成 swagger-ui * 修复 gulp 不兼容 node 12+ 的问题 * 修改了后台密码的加密方式 * 文档添加加入了自动生成缩略图功能 * 文档管理加入了回收站功能 * 加入插件功能 * 加入数据恢复功能 * 补充国际化文件 *修复了一些其它bug PS: DoraCMS 本次更新除了加了几个适用功能外,更重要的是加入了docker-compose,让大家可以更加快速体验和上手,降低开发门槛,更专注于二次开发。

优秀的个人博客,低调大师

Nodejs 内容管理系统 DoraCMS 2.1.4 发布

经过几个月的代码整理,DoraCMS 2.1.4 诞生了。自上个版本开始,我一直在考虑如何让DoraCMS更加灵活,于是我很快想到了支持插件,以这个为初衷,也找了一些资料,最终决定使用eggjs重构应用,eggjs 是阿里打造的为企业级框架和应用而生的服务端框架,通过之前对eggjs基础的了解,发现它涉及到的框架和插件机制非常符合我的初衷,于是尝试在 DoraCMS 2.1.3 的基础上改造,发现其实也不是很困难。服务端逻辑梳理完之后,我又想到了后台管理。后台管理基于vue,之前的问题在于,如果后台模块过多(几十个),编译就没有那么快了,改一个小地方也要重新编译,这不是我想要的。通过查询资料,我又了解到了 single-spa,通过调研,我有了想法,其实每一个功能块是可以独立开来的,我们改一个模块,只用编译一个模块就好了,这样开发会更省事,也给运维带来便利。 DoraCMS 功能结构图(看不清楚可在新标签打开图片): DoraCMS 2.1.4 的主要更新点如下: 1、 使用 eggjs 重构了服务端 (文档) 2、使用single-spa + vue-cli 重构了后台管理模块 3、重新整理了 api 《DoraCMS Api 文档》 4、加了一套新模板 5、前台、后台管理的移动端适配 前台 后台 6、修复了一些之前社区开发者提出的bug PS : 1、这次更新的改动比较大,如果是老版本数据可能不能立刻使用该版本,我在代码中也提供了初始化数据,便于大家搭建开发环境 2、非常建议大家使用 2.1.4 版本,与我们一同通过DoraCMS来深入学习nodejs,同时您也可以了解到如何快速建站,并开发属于自己的网站。也期待您提出宝贵建议

优秀的个人博客,低调大师

FragmentPagerAdapter 页面类型、数量、内容更新问题

场景 存在一种需求,当用户系统中,属于某一组织的用户登录之后(或者账户切换),要求主页面显示不同的ViewPager + Fragment组合,并且要求app无需退出就能刷新组合以及组合中的页面。 此外,为了保证Fragment和Fragment中View不必要的inflate和渲染,要求尽可能重用已存在的Fragment和View。显然FragmentPagerAdapter是首选。但是存在三个问题: 1、FragmentPagerAdapter默认无法更新,需要重写getItemPosition,返回值为PagerAdapter.POSITION_NONE才可以更新 2、重用的Fragment设置参数无法重新初始化 3、重用的Fragment类型和新的Fragment类型存在不匹配问题,如旧的UserFragment页面,但是新的要求是ListFragment,所以类型存在问题。 解决方案 我们需要重写FragmentPagerAdapter,但问题是存在各种不方便的因素,因此,我们需要自定义FragmentPagerAdapter。 public abstract class CustomFragmentPagerAdapter extends PagerAdapter { private static final String TAG = "FragmentPagerAdapter"; private static final boolean DEBUG = false; private final FragmentManager mFragmentManager; private FragmentTransaction mCurTransaction = null; private Fragment mCurrentPrimaryItem = null; private final LongSparseArray<String> fragmentViewTypeManager = new LongSparseArray<String>(); public CustomFragmentPagerAdapter(FragmentManager fm) { mFragmentManager = fm; } @Override public void startUpdate(ViewGroup container) { if (container.getId() == View.NO_ID) { //viewPager必须赋值ID,否则无法添加fragment throw new IllegalStateException("ViewPager with adapter " + this + " requires a view id"); } } @SuppressWarnings("ReferenceEquality") @Override public Object instantiateItem(ViewGroup container, int position) { mCurTransaction = beginTransaction(); final long itemId = getItemId(position); final int count = this.getFragmentTypeCount(); int fragmentType = 0; if(count>0){ fragmentType = getItemFragmentType(position); } if(fragmentType>0 && fragmentType>=count){ throw new IllegalArgumentException("{fragmentType's number >= fragmentTypeCount's number} is illegal"); } // 生成tag,用于保存和标记每个位置的fragment final String name = makeFragmentName(container.getId(), itemId); //生成tag final String oldFragmentName = fragmentViewTypeManager.get(fragmentType); Fragment fragment = mFragmentManager.findFragmentByTag(name); if (fragment != null) { final String fragmentClassName = fragment.getClass().getName(); if(!fragmentClassName.equals(oldFragmentName)) { //如果发现新旧类型不一致,移除旧类型 if (DEBUG) Log.v(TAG, "Removeing item #" + itemId + ": f=" + fragment); mCurTransaction.remove(fragment); //获取新类型 fragment = getItem(null,position); if (DEBUG) Log.v(TAG, "Adding item #" + itemId + ": f=" + fragment); mCurTransaction.add(container.getId(), fragment,name); }else { Fragment newFragment = getItem(fragment,position); //获取newFragment ,如果2次fragment不一致,移除旧的fragment if(newFragment!=fragment){ if (DEBUG) Log.v(TAG, "Removeing item #" + itemId + ": f=" + fragment); mCurTransaction.remove(fragment); fragment = newFragment; if (DEBUG) Log.v(TAG, "Adding item #" + itemId + ": f=" + fragment); mCurTransaction.add(container.getId(), fragment,name); }else { //如果获取到fragment与原来的是同一个,attach即可 if (DEBUG) Log.v(TAG, "Attaching item #" + itemId + ": f=" + fragment); mCurTransaction.attach(fragment); } } } else { fragment = getItem(fragment,position); if (DEBUG) Log.v(TAG, "Adding item #" + itemId + ": f=" + fragment); mCurTransaction.add(container.getId(), fragment,name); } if(fragment!=null){ //保存类型,用来校验缓存的正确性 fragmentViewTypeManager.put(fragmentType,fragment.getClass().getName()); } if (fragment != mCurrentPrimaryItem) { fragment.setMenuVisibility(false); fragment.setUserVisibleHint(false); } return fragment; } @Override public void destroyItem(ViewGroup container, int position, Object object) { mCurTransaction = beginTransaction(); if (DEBUG) Log.v(TAG, "Detaching item #" + getItemId(position) + ": f=" + object + " v=" + ((Fragment)object).getView()); mCurTransaction.detach((Fragment)object); //dattach fragment } @SuppressWarnings("ReferenceEquality") @Override public void setPrimaryItem(ViewGroup container, int position, Object object) { Fragment fragment = (Fragment)object; if (fragment != mCurrentPrimaryItem) { if (mCurrentPrimaryItem != null) { mCurrentPrimaryItem.setMenuVisibility(false); mCurrentPrimaryItem.setUserVisibleHint(false); } if (fragment != null) { fragment.setMenuVisibility(true); fragment.setUserVisibleHint(true); } mCurrentPrimaryItem = fragment; //设置当前的fragment } } @Override public void finishUpdate(ViewGroup container) { if (mCurTransaction != null) { mCurTransaction.commitNowAllowingStateLoss(); //提交,注意该方法将任务加入到mainLooper中,可能产生延迟 mCurTransaction = null; } } @Override public boolean isViewFromObject(View view, Object object) { return ((Fragment)object).getView() == view; } @Override public Parcelable saveState() { return null; } @Override public void restoreState(Parcelable state, ClassLoader loader) { } /** * * 获取每个fragment的id,注意保证唯一性 */ public long getItemId(int position) { return position; } //生成tag public static String makeFragmentName(int viewId, long id) { return "android:switcher:" + viewId + ":" + id; } public FragmentTransaction beginTransaction(){ if (mCurTransaction == null) { mCurTransaction = mFragmentManager.beginTransaction(); } return mCurTransaction; } public FragmentManager getFragmentManager(){ return mFragmentManager; } /** * 获取当前位置的fragment */ public abstract Fragment getItem(Fragment contentFragment,int position); /** * 获取当前位置的type FragmentType */ public abstract int getItemFragmentType(int position); /** * 获取当前类型的数量 FragmentCount */ public abstract int getFragmentTypeCount(); /** * 在ViewPager中调用,告诉ViewPager该位置的Fragment是可以被替换和更新的 * 这里人可以继续优化,由于ViewPager.LayoutParams中的position是非public的,因此要优化可以在该类的基类中完成 */ @Override public int getItemPosition(Object object) { if(!(object instanceOf Fragment)) { return PagerAdapter.POSITION_NONE; } return PagerAdapter.POSITION_UNCHANGED; } public boolean isEmpty(){ return getCount()==0; } } 到这里,我们便可以实现他的子类 static class MyPagerAdapter extends CustomFragmentPagerAdapter{ private ArrayList<FragmentTabEntity> dataEntities; private final String TAG_NAME = "MyPagerAdapter "; public MyPagerAdapter(FragmentManager fm,List<FragmentTabEntity> dataEntities) { super(fm); this.dataEntities = new ArrayList<>(); this.dataEntities.addAll(dataEntities); } @SuppressWarnings("unchecked") public void updateDataEntities(List<FragmentTabEntity> dataEntities) { this.dataEntities.clear(); if(dataEntities!=null && dataEntities.size()>0){ this.dataEntities.addAll(dataEntities); } this.notifyDataSetChanged(); } @Override public CharSequence getPageTitle(int position) { final FragmentTabEntity entity = dataEntities.get(position); return entity.getTitle(); } @Override public int getItemFragmentType(int position) { final FragmentTabEntity dataEntity = dataEntities.get(position); return dataEntity.getType(position); //获取类型,注意,最大值不能大于getFragmentTypeCount() } @Override public int getFragmentTypeCount() { return FragmentTabEntity.getTotalTypeCount(); //获取所有fragment的类型数量,一般是固定值,主要看程序实现方式了 } @Override public Fragment getItem(Fragment contentFragment,int position) { final int fragmentType = getItemFragmentType(position); final FragmentTabEntity dataEntity = dataEntities.get(position); BaseFragment fragment = null; if(contentFragment==null) { if (fragmentType == 0) { fragment = new IndexFragment(); } else if(fragmentType ==1){ fragment = new UserFragment(); } else if(fragmentType ==2){ fragment = new WebFragment(); }else if(fragmentType ==3){ fragment = new ListFragment(); } }else{ fragment = (BaseFragment) contentFragment; } fragment.setPosition(position); if(fragment!=null) { Bundle fb = new Bundle(); fb.putString(BaseFragment.KEY_TYPE, dataEntity.getType()); fb.putString(BaseFragment.KEY_TITLE, dataEntity.getTitle()); fragment.setNoneStateArguments(fb); //使用非状态参数传递方法 } return fragment; } @Override public int getCount() { return dataEntities.size(); } } 使用方法 private MyPagerAdapter mTabPagerAdapter; public void updatePager(List<FragmentTabEntity> data) { if((pager.getAdapter() instanceof MyPagerAdapter)){ mTabPagerAdapter = (MyPagerAdapter) pager.getAdapter(); } if(mTabPagerAdapter==null){ mTabPagerAdapter = new MyPagerAdapter(getChildFragmentManager(),data); pager.setAdapter(mTabPagerAdapter); }else{ mTabPagerAdapter.updateDataEntities(data); } } Fragment ViewCache问题 & 生命周期问题 到这一步事实上我们的自定义FragmentPagerAdapter已经完成了,但是这里还存在不完美的问题,那就是Fragment中添加了View Cache的情况,此外,对于生命周期的控制,可能或多或少出现旧页面向新页面过渡时闪烁问题。 1、View Cache 问题 先来看看这种Fragment的定义方式 public class BaseFragment extends Fragment{ private SoftReference<View> mRootViewCache = null; //实现viewcache private boolean isFinishedInflated = false; private Bundle mNoneStateArguments; private int position = -1; public void setPosition(int position){ this.position = position; } public int getPosition(){ return this.position; } @Nullable @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){ View root = null; if(!cacheIsEmpty()){ root = mRootViewCache.get(); } if(root==null){ root = inflater.inflate(R.layout.base_view_layout, container, false); root.findViewById(R.id.toolbar).setVisibility(View.GONE); mRootViewCache = new SoftReference<View>(root); } return root; } @Override public void onViewCreated(View view, @Nullable Bundle savedInstanceState) { super.onViewCreated(view, savedInstanceState); try { isFinishedInflated = true; renderFragmentView(view); } catch (Exception e) { e.printStackTrace(); } } private boolean cacheIsEmpty(){ return mRootViewCache==null || mRootViewCache.get()==null; } @Override public void onResume() { super.onResume(); if(getUserVisibleHint() ){ onFragmetShow(); } } @Override public void setUserVisibleHint(boolean isVisibleToUser) { super.setUserVisibleHint(isVisibleToUser); if(!isFinishedInflated) return; if( getUserVisibleHint()){ onFragmetShow(); }else if(isResumed()){ onFragmetHide(); } } @Override public void onStop() { super.onStop(); if(getUserVisibleHint()){ onFragmetHide(); } } public void onFragmetShow(){ if(getView()==null) return ; getView().post(new Runnable(){ public void run(){ //这里可以用来获取Fragment的参数,然后更新 } }); } public void onFragmetHide(){ } public void setNoneStateArguments(Bundle bundle){ //解决已初始化状态的参数刷新问题 this.mNoneStateArguments = bundle; } public void getNoneStateArguments(){ return this.mNoneStateArguments!=null? this.mNoneStateArguments:new Bundle(); } } 对于原生页面,新旧页面闪烁并不是很明显,但是对于Webview页面,这种闪烁很明显,导致该问题的原因是View Cache,因此,我们需要在Fragment中添加clearView方法来清空一下Cache public void clearView() { if(mRootViewCache!=null){ mRootViewCache.clear(); } } 在MyPagerAdapter的getItem方法中,我们有必要植入一个flag @Override public Fragment getItem(Fragment contentFragment,int position) { final int fragmentType = getItemFragmentType(position); final FragmentTabEntity dataEntity = dataEntities.get(position); BaseFragment fragment = null; if(contentFragment==null) { if (viewType == 0) { fragment = new IndexFragment(); } else if(fragmentType ==1){ fragment = new UserFragment(); } else if(fragmentType ==2){ fragment = new WebFragment(); }else if(fragmentType ==3){ fragment = new ListFragment(); } }else{ fragment = (BaseFragment) contentFragment; } final Bundle fa = fragment.getArguments(); if(fa!=null) { final String oldTag = fa.getString("md5", ""); if (!TextUtils.isEmpty(oldTag) && !oldUrl.oldTag(dataEntity.getMd5())) { fragment.clearView(); //如果tag不一致,清空一下view cache } } if(fragment!=null) { Bundle fb = new Bundle(); fb.putString("md5",dataEntity.getMd5()); //植入新的md5 tag fb.putString(BaseFragment.KEY_TYPE, dataEntity.getType()); fb.putString(BaseFragment.KEY_TITLE, dataEntity.getTitle()); fragment.setArguments(fb); } return fragment; } 2、生命周期问题 关于onFragmentShow与onFragmentHide的生命周期用法,请参考《Fragment页面切换》,这里我们主要说一下mainLooper问题 public void onFragmetShow(){ if(getView()==null) return ; getView().post(new Runnable(){ public void run(){ //这里可以用来获取Fragment的参数,然后更新 } }); } 如果要更新UI,我们建议这里使用post将消息发送到mainLooper,为什么要这样呢? 主要原因是FragmentPagerAdapter的finishUpdate中使用了commit方法,这个方法是将任务发送到mainLooper的队列中,而不是立即执行。 @Override public void finishUpdate(ViewGroup container) { if (mCurTransaction != null) { mCurTransaction.commitNowAllowingStateLoss(); mCurTransaction = null; } } 基于队列的先进先出,FragmentTransaction将更新消息加入到Fragment add/attach消息之后,我们如果直接获取argument可能出现数据不一致的问题,因此我们需要将我们的方法作为任务同样放入到mainLooper中。如果不这么做,可能导致获取到的argument是旧的,导致我们更新时使用了旧的参数。当然,可以参考《Android Fragment重复添加问题解决方法》,原理基本相同。 以上是一般常见的问题,至于其他问题,可以留言。

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

用户登录
用户注册